html, body {
    background: url(https://lenteranil.com/public/journals/1/5302924.png);
	background-repeat: repeat;
}

/* header */
.pkp_site_name {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.pkp_site_name > a {
  padding-top: 0;
  padding-bottom: 0;
}
.pkp_site_name .is_img img {
  max-height: 200px !important;
}
.pkp_site_name_wrapper {
  padding-left: 0;
  padding-right: 0;
}
.pkp_navigation_user_wrapper {
  top: 0;
  right: 0;
  padding-right: 30px;
}


/* =========================================================
   GLOBAL FONT AWESOME ICON (OJS 3.3.x SAFE)
   Menggunakan pseudo-element ::before
   ========================================================= */

/* Base icon handler */
[class^="icon-"]::before,
[class*=" icon-"]::before {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
  margin-right: 8px;
  line-height: 1;
  speak: none;
}

/* Link alignment helper (optional) */
.icon-inline {
  position: relative;
  padding-left: 22px;
}

.icon-inline::before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/* ================= ICON MAPPING ================= */

/* General */
.icon-home::before        { content: "\f015"; }
.icon-about::before       { content: "\f05a"; }
.icon-scope::before       { content: "\f02a"; }
.icon-article::before     { content: "\f15c"; }
.icon-review::before      { content: "\f0e3"; }
.icon-policy::before      { content: "\f24e"; }
.icon-ethics::before      { content: "\f084"; }
.icon-license::before     { content: "\f1f8"; }
.icon-index::before       { content: "\f1c0"; }
.icon-history::before     { content: "\f1da"; }
.icon-archive::before     { content: "\f187"; }
.icon-link::before        { content: "\f0c1"; }

/* People */
.icon-team::before        { content: "\f0c0"; }
.icon-editorial::before   { content: "\f19d"; }
.icon-staff::before       { content: "\f2bb"; }
.icon-author::before      { content: "\f007"; }

/* Submission & Files */
.icon-publish::before     { content: "\f02f"; }
.icon-guidelines::before  { content: "\f02d"; }
.icon-template::before    { content: "\f0f6"; }
.icon-download::before    { content: "\f019"; }
.icon-volume::before      { content: "\f1ea"; }

/* Stats & Tools */
.icon-stat::before        { content: "\f080"; }
.icon-search::before      { content: "\f002"; }

/* Contact */
.icon-contact::before     { content: "\f041"; }
.icon-email::before       { content: "\f0e0"; }
.icon-phone::before       { content: "\f095"; }

.icon-money::before { content: "\f0d6"; } /* money */

/* ================= END ICON MAPPING ================= */


/* timeline homepage */
.journal-identity {
  border: 1px solid #ddd;
  margin: 20px 0;
}

.journal-identity .header {
  background: #123262;
  color: white;
  text-align: center;
  padding: 12px;
  font-weight: bold;
  font-size: 20px;
}

.journal-content {
  display: flex;
  gap: 20px;
  padding: 20px;
}

.journal-cover {
  width: 220px;
}

.journal-cover img {
  width: 100%;
  border: 1px solid #ccc;
}

.journal-table {
  width: 100%;
  border-collapse: collapse;
}

.journal-table td {
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 14px;
  vertical-align: top;
}

.journal-table td:first-child {
  font-weight: bold;
  width: 200px;
  background: #f9f9f9;
}

.journal-text {
  padding: 0 20px 20px 20px;
  font-size: 14px;
  line-height: 1.7;
  text-align: justify;
}

.subtitle {
  font-weight: bold;
  margin-top: 14px;
}

.timeline {
  display: flex;
  flex-wrap: wrap;
  margin: 20px 20px;
  text-align: center;
  font-weight: bold;
}

.timeline .box {
  flex: 1;
  padding: 14px;
  margin: 2px;
}

.box.yellow { background: #fbf7c8; }
.box.purple { background: #f6e3fa; }
.box.green  { background: #dcfbd5; }
.box.grey   { background: #e3e3e3; }

@media (max-width: 700px) {
  .journal-content {
    flex-direction: column;
    align-items: center;
  }

  .journal-cover {
    width: 60%;
  }

  .journal-table td:first-child {
    width: auto;
  }
}

/* custom sidebar CTA */

.custom-sidebar {  border-radius: 12px;  padding: 16px;  background: linear-gradient(135deg, #1f1a0d, #3a2f0b);  color: #f5f5f5;  font-family: Arial, sans-serif;  border: 1px solid #d4af37;}.custom-sidebar h3 {  text-align: center;  font-size: 18px;  margin-bottom: 12px;  border-bottom: 2px solid rgba(212,175,55,0.5);  padding-bottom: 8px;  color: #f3e5ab;  letter-spacing: 0.5px;}.custom-sidebar p {  font-size: 14px;  line-height: 1.6;  color: #e8e8e8;}.custom-sidebar .badge {  display: inline-block;  background: #d4af37;  color: #1f1a0d;  padding: 4px 10px;  margin: 4px 4px 4px 0;  border-radius: 20px;  font-size: 12px;  font-weight: bold;}.custom-sidebar a.button {  display: block;  margin-top: 15px;  text-align: center;  background: #d4af37;  padding: 10px;  border-radius: 25px;  text-decoration: none;  color: #1f1a0d;  font-weight: bold;  transition: 0.3s;}.custom-sidebar a.button:hover {  background: #f3e5ab;  color: #1f1a0d;}


/* custom-sidebar about journal */.about-journal-sidebar {  background: linear-gradient(135deg, #1f1a0d, #3a2f0b);  padding: 20px;  border-radius: 16px;  border: 1px solid #D4AF37;  box-shadow: 0 10px 25px rgba(0,0,0,0.2);  color: #fff;  transition: 0.4s;}.about-title {  text-align: center;  font-weight: bold;  font-size: 16px;  background: rgba(212,175,55,0.15);  padding: 12px;  margin-bottom: 14px;  border-radius: 12px;  color: #F3E5AB;}.about-journal-sidebar ul {  list-style: none;  padding: 0;}.about-journal-sidebar ul li a {  display: block;  padding: 12px 14px;  margin-bottom: 10px;  border-radius: 10px;  background: rgba(255,255,255,0.05);  color: #ffffff;  text-decoration: none;  font-size: 14px;  transition: 0.4s;  position: relative;  padding-left: 35px;}.about-journal-sidebar ul li a:hover {  background: rgba(212,175,55,0.2);  transform: translateX(6px);}

/* ==== FONT AWESOME ICON HERE ==== */
.about-journal-sidebar ul li a::before {
  font-family: "FontAwesome";
  position: absolute;
  left: 10px;
  font-size: 15px;
}

.jcsis-sinta ul li a::before {
  font-family: "FontAwesome";
  position: absolute;
}

/* Icon spesifik */
.icon-scope::before { content: "\f02a"; } /* book  */
.icon-team::before { content: "\f0c0"; } /* users */
.icon-review::before { content: "\f0e3"; } /* gavel */
.icon-index::before { content: "\f1c0"; } /* database */
.icon-history::before { content: "\f1da"; } /* history */
.icon-contact::before { content: "\f041"; } /* map pointer */
.icon-home::before { content: "\f015"; }       /* home */
.icon-about::before { content: "\f05a"; }      /* info-circle */
.icon-article::before { content: "\f15c"; }    /* file-text */
.icon-guidelines::before { content: "\f02d"; } /* book-open / book-alt */
.icon-editorial::before { content: "\f19d"; }  /* university */
.icon-staff::before { content: "\f2bb"; }      /* id-badge */
.icon-publish::before { content: "\f02f"; }    /* upload */
.icon-stat::before { content: "\f080"; }       /* bar-chart */
.icon-download::before { content: "\f019"; }   /* download */
.icon-search::before { content: "\f002"; }     /* search */
.icon-policy::before { content: "\f24e"; }     /* balance-scale */
.icon-license::before { content: "\f1f8"; }    /* creative commons */
.icon-ethics::before { content: "\f084"; }     /* key (ethics) */
.icon-template::before { content: "\f0f6"; }   /* file-pdf-o */
.icon-author::before { content: "\f007"; }     /* user */
.icon-volume::before { content: "\f1ea"; }     /* book-reader / volume */
.icon-archive::before { content: "\f187"; }    /* archive */
.icon-link::before { content: "\f0c1"; }       /* link */
.icon-email::before { content: "\f0e0"; }      /* envelope */
.icon-phone::before { content: "\f095"; }      /* phone */
.icon-money::before { content: "\f0d6"; } /* money */



/* Animasi ringan */
.about-journal-sidebar ul li a:hover::before {
  animation: wiggle 0.5s infinite alternate;
}

@keyframes wiggle {
  0% { transform: rotate(-8deg); }
  100% { transform: rotate(8deg); }
}



/* contact page */

.contact-info-container {
    padding: 30px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #eee;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04);
}

/* Title */
.mailing-address-section h3,
.mailing-address-section h4 {
    color: #1f1f1f;
    margin-bottom: 16px;
}

/* LIST STYLE */
.contact-list {
    list-style: none;
    padding-left: 0;
}

.contact-list li {
    margin: 10px 0;
}

/* COMMON LINK STYLE */
.contact-list a {
    display: inline-block;
    padding-left: 35px;
    position: relative;
    font-size: 15px;
    line-height: 1.6;
    color: #333;
    text-decoration: none;
}

/* ICON BASE */
.contact-list a::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    color: #1976d2;
}

/* CUSTOM ICON VARIANTS */

.icon-journal::before {
    content: "📘";
}

.icon-barcode::before {
    content: "🧾";
}

.icon-globe::before {
    content: "🌐";
}

.icon-link::before {
    content: "🔗";
}

.icon-location::before {
    content: "📍";
}

.icon-check::before {
    content: "✅";
}

/* Divider */
.contact-divider {
    margin: 30px 0;
    border: none;
    height: 1px;
    background: #e4e4e4;
}

/* Responsive */
@media (max-width: 768px) {
    .contact-info-container {
        padding: 20px;
    }
}


/* Custom page  */
.jcsis-sinta{color:#0f172a;line-height:1.55;max-width:880px}
.jcsis-sinta .title{font-size:20px;font-weight:700;color:#0b6e4f;margin-bottom:6px}
.jcsis-sinta .subtitle{font-size:13px;color:#6b7280;margin-bottom:14px}
.jcsis-sinta .chip{display:inline-block;padding:4px 10px;border-radius:20px;background:rgba(11,110,79,0.1);color:#0b6e4f;font-size:12px;font-weight:600;margin-bottom:16px}
.jcsis-sinta h4{margin:16px 0 8px;font-size:15px;color:#0b6e4f}
.jcsis-sinta a{display:block;margin:6px 0 6px 4px;font-size:13px;color:#111827;text-decoration:none}
.jcsis-sinta a:hover{text-decoration:underline}
.jcsis-sinta i{margin-right:6px;color:#0b6e4f}
.jcsis-sinta .note{margin-top:16px;font-size:12px;color:#6b7280;border-top:1px solid #e5e7eb;padding-top:10px}

/* ===== ARTICLE TYPE TABS ===== */
.jcsis-article-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 15px 0;
}

.jcsis-article-tabs .jcsis-tab {
  text-decoration: none !important;
  padding: 8px 16px;
  background: #f0f4ff !important;
  color: #2f49d1 !important;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.25s ease;
  border: 1px solid #dbe3ff;
}

.jcsis-article-tabs .jcsis-tab:hover {
  background: #2f49d1 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(47,73,209,0.35);
  transform: translateY(-2px);
}

/*  custom page - peer review   */.jcsis-peer-review {  max-width: 900px;  margin: 0 auto;  font-family: Arial, Helvetica, sans-serif;  line-height: 1.7;  color: #333;}.jcsis-peer-review h2 {  text-align: center;  margin-bottom: 15px;  color: #A67C00;}.jcsis-peer-review .intro {  background: #faf6e8;  padding: 15px 20px;  border-left: 4px solid #D4AF37;  border-radius: 6px;  font-size: 14px;}.timeline {  margin-top: 25px;}.step {  display: flex;  gap: 15px;  margin-bottom: 20px;}.step .number {  min-width: 40px;  height: 40px;  background: #D4AF37;  color: #ffffff;  font-weight: bold;  border-radius: 50%;  display: flex;  align-items: center;  justify-content: center;}.step .content {  background: #fffdf7;  padding: 15px;  border-radius: 8px;  width: 100%;  box-shadow: 0 1px 4px rgba(0,0,0,0.08);}.step h4 {  margin: 0 0 6px;  color: #A67C00;}


/* =================================================
   RESET LIST (HILANGKAN BULLET)
   ================================================= */
.jcsis-peer-review ul,
.jcsis-peer-review ul li,
.jcsis-peer-review-sidebar ul,
.jcsis-peer-review-sidebar ul li {
  list-style: none !important;
  padding: 0;
  margin: 0;
}

/* =================================================
   LINK STYLE
   ================================================= */
.jcsis-peer-review ul li a,
.jcsis-peer-review-sidebar ul li a {
  display: block;
  padding: 12px 14px 12px 38px;
  margin-bottom: 10px;
  border-radius: 10px;
  background: rgba(255,255,255,0.08);
  color: #000;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.4s ease;
  position: relative;
}

/* Hover */
.jcsis-peer-review ul li a:hover,
.jcsis-peer-review-sidebar ul li a:hover {
  background: rgba(255,255,255,0.2);
  transform: translateX(6px);
}

/* ===============================
   EDITOR CARD WITH PHOTO
   =============================== */

.editor-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #f5f7ff;
  padding: 12px 16px;
  border-left: 4px solid #1f4fd8;
  border-radius: 8px;
  margin-bottom: 12px;
  font-size: 14px;
}

.editor-photo {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #B11226;
  background: #ffffff;
}

.editor-info a {
  color: #000;
  text-decoration: none;
  font-weight: 600;
}

.editor-info a:hover {
  text-decoration: underline;
}


/* =================================================
   FONT AWESOME CORE (WAJIB)
   ================================================= */
.jcsis-peer-review ul li a::before,
.jcsis-peer-review-sidebar ul li a::before {
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #000;
  opacity: 0.9;
}  
  
/*  custom page about  */ 
.journal-header{
    text-align:center;
    margin-bottom:30px;
}

.journal-header h1{
    color:#1e40af;
    margin-bottom:10px;
}

.journal-header .desc{
    background:#eef3ff;
    border-left:6px solid #2563eb;
    padding:15px 20px;
    border-radius:6px;
    color:#1f2937;
    line-height:1.6;
}

/* Grid */
.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
    gap:20px;
    margin-top:30px;
}

/* Card */
.card{
    background:#fff;
    border-radius:10px;
    box-shadow:0 8px 20px rgba(0,0,0,0.06);
    padding:20px;
}

.card h2{
    color:#1e3a8a;
    border-bottom:2px solid #e5edff;
    padding-bottom:8px;
    margin-bottom:15px;
    font-size:20px;
}

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

.card ul li{
    margin-bottom:10px;
}

.card ul li a{
    text-decoration:none;
    color:#2563eb;
    font-size:15px;
    display:flex;
    align-items:center;
    transition:0.3s;
}

.card ul li a i{
    margin-right:10px;
    color:#1e40af;
    width:18px;
    text-align:center;
}

.card ul li a:hover{
    color:#1e3a8a;
    padding-left:5px;
}


/*    fooote   */
.custom-footer {
  background: linear-gradient(135deg, #1e3c72, #2a5298);
  color: #ffffff;
  margin-top: 40px;
  font-size: 14px;
}

.footer-container {
  max-width: 1200px;
  margin: auto;
  padding: 40px 20px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 30px;
}

.footer-column h4 {
  font-size: 16px;
  margin-bottom: 15px;
  border-left: 4px solid #ffcc00;
  padding-left: 10px;
}

.footer-column p {
  line-height: 1.6;
  opacity: 0.9;
}

.footer-column ul {
  list-style: none;
  padding: 0;
}

.footer-column ul li {
  margin-bottom: 8px;
}

.footer-column ul li a {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.85;
  transition: 0.3s;
}

.footer-column ul li a:hover {
  opacity: 1;
  padding-left: 5px;
}

.footer-bottom {
  text-align: center;
  padding: 15px;
  background: rgba(0,0,0,0.2);
  font-size: 13px;
}

.footer-bottom a {
  color: #ffcc00;
  text-decoration: none;
}


/* TOOLS RECOMMENDATION */

.tools-recommendation{
  background: linear-gradient(135deg,#1b1b1b,#2b2b2b);
  border-radius:16px;
  padding:18px;
  box-shadow:0 8px 20px rgba(0,0,0,0.3);
  text-align:center;
}

.tools-title{
  font-size:15px;
  font-weight:bold;
  color:#f5c76b;
  letter-spacing:1px;
  margin-bottom:15px;
  border-bottom:2px solid rgba(255,215,120,0.4);
  padding-bottom:8px;
}

.tools-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}

.tools-grid a{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:10px;
  border-radius:10px;
  text-decoration:none;
  background:rgba(255,255,255,0.05);
  transition:all .3s ease;
}

.tools-grid a:hover{
  background:rgba(255,215,120,0.15);
  transform:translateY(-3px);
  box-shadow:0 6px 14px rgba(0,0,0,0.4);
}

.tools-grid img{
  width:50px;
  height:50px;
  object-fit:contain;
  margin-bottom:6px;
}

.tools-grid span{
  font-size:12px;
  color:#f5c76b;
  font-weight:600;
}

/* Editorial Board */

.editorial-board{
max-width:900px;
margin:auto;
font-family:Arial, sans-serif;
}

.editorial-card{
background:linear-gradient(135deg,#1f1f1f,#2a2a2a);
border-radius:14px;
padding:20px;
margin-bottom:20px;
box-shadow:0 6px 18px rgba(0,0,0,0.3);
}

.editorial-card h3{
color:#f5c76b;
border-bottom:2px solid rgba(255,215,120,0.4);
padding-bottom:6px;
margin-bottom:12px;
}

.editor-name{
font-size:16px;
font-weight:bold;
color:#ffffff;
}

.editor-list{
padding-left:20px;
}

.editor-list li{
margin-bottom:12px;
color:#f2f2f2;
}

.editor-list a{
color:#f5c76b;
text-decoration:none;
}

.editor-list a:hover{
text-decoration:underline;
}

.affiliation{
font-size:13px;
color:#cfcfcf;
margin-top:2px;
}

.id{
color:#f5c76b;
font-size:13px;
}