/* ==========================================================
   ICLSA 2026 - OJS 3 CUSTOM CSS
   Upload as Journal Style Sheet / Custom Stylesheet.
   Scope is prefixed to avoid conflicts with OJS.
   ========================================================== */

.iclsa2026{--g:#07583c;--g2:#0a7650;--d:#12372b;--gold:#f3bd19;--soft:#f4f8f5;--text:#26362e;--muted:#68766f;--line:#dce6df;font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65}
.iclsa2026 *{box-sizing:border-box}
.iclsa2026 h1,.iclsa2026 h2,.iclsa2026 h3,.iclsa2026 p{margin-top:0}
.iclsa2026 a{text-decoration:none}
.iclsa2026-container{width:min(1160px,calc(100% - 32px));margin:auto}
.iclsa2026-hero{background:linear-gradient(120deg,#063e2b,#08724c 62%,#0a6245);color:#fff}
.iclsa2026-hero-inner{width:min(1160px,calc(100% - 32px));margin:auto;padding:76px 0}
.iclsa2026-kicker{font-weight:800;letter-spacing:2px;font-size:14px}
.iclsa2026-hero h1{font-size:clamp(38px,6vw,70px);line-height:.98;letter-spacing:-2px;margin:18px 0 24px;color:#fff}
.iclsa2026-tagline{display:inline-block;background:var(--gold);color:#1f2d25;padding:10px 18px;border-radius:8px;font-size:20px;font-weight:800}
.iclsa2026-meta{display:flex;flex-wrap:wrap;gap:18px;margin:28px 0}
.iclsa2026-meta div{min-width:230px}.iclsa2026-meta b,.iclsa2026-meta small{display:block}.iclsa2026-meta small{opacity:.75}
.iclsa2026-actions{display:flex;gap:12px;flex-wrap:wrap}
.iclsa2026-actions a,.iclsa2026-cta a{background:var(--gold);color:#1f2d25!important;padding:12px 22px;border-radius:8px;font-weight:800;display:inline-block}
.iclsa2026-actions a.outline{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.7)}
.iclsa2026-section{padding:78px 0}
.iclsa2026-about{background:var(--soft)}
.iclsa2026-grid-2{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}
.iclsa2026-label{display:inline-block;color:var(--g2);font-size:12px;font-weight:900;letter-spacing:1.4px;margin-bottom:10px}
.iclsa2026-label.light{color:#fff}
.iclsa2026 h2{font-size:clamp(30px,4vw,46px);line-height:1.12;color:var(--d);margin-bottom:16px}
.iclsa2026-dark h2{color:#fff}
.iclsa2026 p{color:var(--muted)}
.iclsa2026-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 12px 32px rgba(0,70,45,.09)}
.iclsa2026-number{font-size:40px;color:var(--gold);font-weight:900}
.iclsa2026-heading{text-align:center;max-width:760px;margin:0 auto 42px}
.iclsa2026-speakers{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.iclsa2026-speakers article{border:1px solid var(--line);border-radius:15px;padding:22px 16px;text-align:center;background:#fff}
/*.iclsa2026-avatar{width:92px;height:92px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:#dcece3;color:var(--g);font-weight:900;font-size:25px} */
.iclsa2026-avatar {width:120px;height:120px;border-radius:50%;overflow: hidden;margin:0 auto;}
.iclsa2026-avatar img {display:block;width:100%;height:100%;object-fit:cover;border-radius: 50%;}
.iclsa2026-speakers article>span{font-size:9px;background:var(--g);color:#fff;padding:4px 8px;border-radius:20px;font-weight:900}
.iclsa2026-speakers h3{font-size:16px;line-height:1.3;margin:12px 0 7px;color:var(--d)}
.iclsa2026-speakers p{font-size:12px;min-height:48px}.iclsa2026-speakers b{font-size:12px;color:var(--g2)}
.iclsa2026-soft{background:var(--soft)}
.iclsa2026-subthemes{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.iclsa2026-subthemes>div{padding:25px 20px;border:1px solid var(--line);border-radius:15px;background:#fff}
.iclsa2026-subthemes b{color:var(--gold);font-size:24px}.iclsa2026-subthemes h3{font-size:17px;color:var(--d);line-height:1.3}
.iclsa2026-subthemes p{font-size:13px}
.iclsa2026-dark{background:var(--d)}
.iclsa2026-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.iclsa2026-timeline>div{border-left:3px solid var(--gold);padding:4px 18px}
.iclsa2026-timeline b{font-size:12px;color:var(--gold)}
.iclsa2026-timeline h3{color:#fff;font-size:17px;margin:8px 0}.iclsa2026-timeline p{color:rgba(255,255,255,.7);font-size:13px}
.iclsa2026-submit{background:var(--soft)}
.iclsa2026-submit ul{padding-left:20px}.iclsa2026-submit li{margin:9px 0;font-weight:600}
.iclsa2026-fee{background:#fff;border:1px solid var(--line);border-radius:18px;padding:35px;text-align:center;box-shadow:0 12px 32px rgba(0,70,45,.09)}
.iclsa2026-fee h3{font-size:22px;color:var(--d)}.iclsa2026-fee>strong{display:block;font-size:42px;color:var(--g)}.iclsa2026-fee small{display:block;color:var(--muted);margin-bottom:20px}
.iclsa2026-fee>a{display:block;background:var(--g);color:#fff!important;padding:12px;border-radius:8px;font-weight:800}
.iclsa2026-team{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.iclsa2026-team article{text-align:center;border:1px solid var(--line);padding:28px;border-radius:15px}
.iclsa2026-team article>div{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#dcece3;color:var(--g);font-weight:900;margin:0 auto 14px}
.iclsa2026-team h3{font-size:16px}.iclsa2026-team p{font-size:13px}
.iclsa2026-link{color:var(--g2)!important;font-weight:800}
.iclsa2026-contact{padding:14px 16px;background:#fff;border-left:4px solid var(--gold);margin:10px 0}
.iclsa2026-contact b,.iclsa2026-contact a{display:block}.iclsa2026-contact a{color:var(--g2)!important;font-weight:700}
.iclsa2026-cta{background:linear-gradient(135deg,#07583c,#0a7650);text-align:center;padding:65px 0;color:#fff}
.iclsa2026-cta h2{color:#fff;margin-bottom:8px}.iclsa2026-cta p{color:rgba(255,255,255,.8)}
.iclsa2026-cta a{margin-top:10px}


/* ==========================================================
   ICLSA 2026 - SIDEBAR OJS 3.3
   FINAL CSS
   Konsistensi Important Dates, Sub-Themes,
   Quick Links, dan Contact
   ========================================================== */

/* 1. KONTAINER UTAMA */

.iclsa-sidebar {
    --sidebar-green: #07583c;
    --sidebar-green2: #0a7650;
    --sidebar-dark: #12372b;
    --sidebar-gold: #f3bd19;
    --sidebar-soft: #f0f6f2;
    --sidebar-text: #26362e;
    --sidebar-muted: #68766f;
    --sidebar-line: #dce6df;

    width: 100%;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--sidebar-text);
    line-height: 1.5;
    background: #ffffff;
    border: 1px solid var(--sidebar-line);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 18px rgba(0, 70, 45, 0.07);
}

.iclsa-sidebar *,
.iclsa-sidebar *::before,
.iclsa-sidebar *::after {
    box-sizing: border-box;
}

.iclsa-sidebar a {
    text-decoration: none;
    transition: color .2s ease, background .2s ease;
}


/* 2. HEADER */

.iclsa-sidebar-head {
    padding: 13px 15px;
    background: var(--sidebar-green);
    color: #ffffff;
}

.iclsa-sidebar-head span {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: 900;
}

.iclsa-sidebar-head strong {
    display: block;
    margin-top: 3px;
    color: #ffffff;
    font-size: 19px;
    line-height: 1.3;
}


/* 3. INTRODUCTION */

.iclsa-sidebar-main {
    padding: 16px;
    background: #ffffff;
}

.iclsa-sidebar-main h3 {
    margin: 0 0 8px;
    color: var(--sidebar-dark);
    font-size: 16px;
    line-height: 1.35;
}

.iclsa-sidebar-main p {
    margin: 0 0 13px;
    color: var(--sidebar-muted);
    font-size: 12px;
    line-height: 1.5;
}

.iclsa-sidebar-btn {
    display: block;
    padding: 9px 10px;
    border-radius: 6px;
    background: var(--sidebar-gold);
    color: #1f2d25 !important;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
}

.iclsa-sidebar-btn:hover {
    background: #e5ad08;
}


/* 4. BLOK MENU */

.iclsa-sidebar-block {
    padding: 0 12px 12px;
    background: #ffffff;
    border-top: 1px solid var(--sidebar-line);
}


/* 5. JUDUL MENU SERAGAM */

.iclsa-sidebar-block.iclsa-dates h4,
.iclsa-sidebar-block.iclsa-subthemes h4,
.iclsa-sidebar-block.iclsa-links h4,
.iclsa-sidebar-contact h4 {
    display: flex;
    align-items: center;
    gap: 8px;

    margin: 0 -12px 10px;
    padding: 11px 13px;

    background: #f0f6f2;
    color: #07583c;

    border: none;
    border-bottom: 1px solid #dce6df;
    border-radius: 0;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: uppercase;
}

/* Ikon SVG pada judul */

.iclsa-sidebar .iclsa-sidebar-block h4 .iclsa-icon,
.iclsa-sidebar .iclsa-sidebar-contact h4 .iclsa-icon {
    display: inline-block;
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    min-width: 15px;

    fill: none;
    stroke: #07583c;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Ikon teks pada judul */

.iclsa-sidebar-block h4 .iclsa-icon-text,
.iclsa-sidebar-contact h4 .iclsa-icon-text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;

    color: #07583c;
    font-size: 18px;
    line-height: 1;
}


/* 6. IMPORTANT DATES */

.iclsa-sidebar-block.iclsa-dates {
    padding: 0 12px 12px;
    background: #ffffff;
}

.iclsa-sidebar .iclsa-date-item {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    position: relative;

    padding: 7px 0;
    border: 0;
    border-bottom: 1px solid #edf1ee;
}

.iclsa-sidebar .iclsa-date-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

/* Ikon kalender */

.iclsa-sidebar .iclsa-date-icon {
    display: inline-block;
    flex: 0 0 16px;
    width: 16px;
    min-width: 16px;

    color: #07583c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

/* Alternatif titik timeline */

.iclsa-sidebar .iclsa-date-dot {
    position: relative;
    display: block;
    flex: 0 0 7px;

    width: 7px;
    height: 7px;
    min-width: 7px;

    margin-top: 5px;
    border-radius: 50%;
    background: #629b83;
}

.iclsa-sidebar .iclsa-date-item:not(:last-child)
.iclsa-date-dot::after {
    content: "";
    position: absolute;
    left: 2.5px;
    top: 7px;

    width: 2px;
    height: 30px;
    background: #dce9e1;
}

/* Teks tanggal */

.iclsa-sidebar .iclsa-date-item > div {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 2px;

    min-width: 0;
    padding: 0;
    border: 0;
}

.iclsa-sidebar .iclsa-date-item > div b {
    display: block;
    color: #07583c;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.iclsa-sidebar .iclsa-date-item > div span {
    display: block;
    color: #68766f;
    font-size: 11px;
    line-height: 1.4;
}


/* 7. SUB-THEMES */

.iclsa-sidebar-block.iclsa-subthemes {
    padding: 0 12px 12px;
    background: #ffffff;
}

/* Ikon emas dalam lingkaran */

.iclsa-sidebar .iclsa-subtheme-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 27px;

    width: 27px;
    height: 27px;
    border-radius: 50%;

    background: #f3bd19;
    color: #07583c;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    line-height: 1;
}

/* Label judul, jika menggunakan span terpisah */

.iclsa-sidebar .iclsa-subtheme-title {
    display: inline-block;
    flex: 1;
    padding: 0;

    background: transparent;
    color: #07583c;

    border-radius: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 900;
    line-height: 1.4;
}

/* Daftar subtema */

.iclsa-sidebar .iclsa-subthemes ul {
    margin: 0;
    padding: 0 0 0 17px;
    list-style-type: disc;
}

.iclsa-sidebar .iclsa-subthemes li {
    display: list-item;
    margin: 4px 0;
    padding: 0;

    color: #07583c;
    font-size: 12px;
	font-weight: 700;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.iclsa-sidebar .iclsa-subthemes li::marker {
    color: #07583c;
}

.iclsa-sidebar .iclsa-subthemes a {
    color: #07583c;
}

.iclsa-sidebar .iclsa-subthemes a:hover {
    color: #0a7650;
}


/* 8. QUICK LINKS */

.iclsa-sidebar-block.iclsa-links {
    padding: 0 12px 12px;
    background: #ffffff;
    border-bottom: 1px solid #e2e8e3;
}

.iclsa-sidebar-block.iclsa-links > a {
    display: flex;
    align-items: center;
    gap: 7px;

    padding: 9px 0;
    border-bottom: 1px solid #edf1ee;

    color: #07583c !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
}

/* Ikon tautan */

.iclsa-sidebar-block.iclsa-links > a > svg {
    flex: 0 0 13px;
    width: 13px;
    height: 13px;
    min-width: 13px;

    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Teks tautan */

.iclsa-sidebar-block.iclsa-links > a > span:nth-child(2) {
    flex: 1;
    min-width: 0;
}

/* Panah di sisi kanan */

.iclsa-sidebar-block.iclsa-links .iclsa-link-arrow {
    flex-shrink: 0;
    margin-left: auto;
    color: #07583c;
    font-size: 13px;
    font-weight: 900;
}

/* Tautan pertama dan terakhir */

.iclsa-sidebar-block.iclsa-links > a:first-of-type {
    padding-top: 0;
}

.iclsa-sidebar-block.iclsa-links > a:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

/* Hover Quick Links */

.iclsa-sidebar-block.iclsa-links > a:hover {
    color: #0a7650 !important;
    background: #f0f6f2;
}


/* 9. CONTACT */

.iclsa-sidebar-contact {
    padding: 0 12px 12px;
    background: #ffffff;
    border-top: 1px solid #dce6df;
    border-bottom: 1px solid #e2e8e3;
}

.iclsa-sidebar .iclsa-sidebar-contact h4 {
    margin-bottom: 10px;
}

/* Alamat email */

.iclsa-sidebar-contact .iclsa-contact-email {
    display: flex;
    align-items: center;
    gap: 7px;

    color: #07583c !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;

    text-decoration: none;
    overflow-wrap: anywhere;
}

/* Ikon SVG email */

.iclsa-sidebar-contact .iclsa-contact-email svg {
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    min-width: 15px;

    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Hover Contact */

.iclsa-sidebar-contact a:hover {
    color: #0a7650 !important;
}


/* 10. RESPONSIVE */

@media (max-width: 540px) {
    .iclsa-sidebar-head {
        padding: 12px;
    }

    .iclsa-sidebar-head strong {
        font-size: 17px;
    }

    .iclsa-sidebar-main {
        padding: 12px;
    }

    .iclsa-sidebar-main h3 {
        font-size: 15px;
    }
}
/* === ICLSA 2026 - SUB-THEMES GRID 11 KARTU DENGAN LEBAR SERAGAM DAN RESPONSIF == */ 
.iclsa2026 .iclsa2026-subthemes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: 24px; width: 100%; } 
/* Kartu sub-theme */ 
.iclsa2026 .iclsa2026-subtheme-card { display: flex; flex-direction: column; align-self: stretch; min-width: 0; height: 100%; padding: 24px 22px; background: #ffffff; border: 1px solid #e0e9e3; border-radius: 12px; box-shadow: 0 5px 18px rgba(0, 70, 45, 0.06); overflow-wrap: anywhere; transition: transform .2s ease, box-shadow .2s ease; } 
/* Efek hover */ 
.iclsa2026 .iclsa2026-subtheme-card:hover { transform: translateY(-3px); box-shadow: 0 9px 24px rgba(0, 70, 45, 0.11); } 
/* Nomor sub-theme */ 
.iclsa2026 .iclsa2026-subtheme-number { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 42px; margin-bottom: 16px; border-radius: 10px; background: #07583c; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: 900; line-height: 1; } 
/* Judul sub-theme */ 
.iclsa2026 .iclsa2026-subtheme-card h3 { margin: 0 0 16px; color: #12372b; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: 800; line-height: 1.4; overflow-wrap: anywhere; } /* Daftar topik */ .iclsa2026 .iclsa2026-subtheme-card ul { margin: 0; padding: 0 0 0 19px; list-style: disc; } 
/* Setiap topik */ 
.iclsa2026 .iclsa2026-subtheme-card li { margin: 0 0 13px; padding: 0 0 0 2px; color: #26362e; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: 500; line-height: 1.65; overflow-wrap: anywhere; } 
/* Jarak item terakhir */ 
.iclsa2026 .iclsa2026-subtheme-card li:last-child { margin-bottom: 0; } 
/* Keterangan SDG */ 
.iclsa2026 .iclsa2026-subtheme-card li span { display: block; margin-top: 3px; color: #68766f; font-size: 12px; font-weight: 400; line-height: 1.5; } 
/* Warna bullet */ 
.iclsa2026 .iclsa2026-subtheme-card li::marker { color: #0a7650; } 
/* Judul bagian Sub-Themes */ 
.iclsa2026 .iclsa2026-subthemes-section .iclsa2026-heading { margin-bottom: 30px; } 
/* === TABLET: 2 KOLOM ==== */ 
@media (max-width: 900px) { .iclsa2026 .iclsa2026-subthemes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .iclsa2026 .iclsa2026-subtheme-card { padding: 22px 20px; } } 
/* === MOBILE: 1 KOLOM === */ 
@media (max-width: 600px) { .iclsa2026 .iclsa2026-subthemes { grid-template-columns: minmax(0, 1fr); gap: 16px; } .iclsa2026 .iclsa2026-subtheme-card { width: 100%; padding: 20px 18px; } .iclsa2026 .iclsa2026-subtheme-card h3 { font-size: 17px; } .iclsa2026 .iclsa2026-subtheme-card li { font-size: 13px; } .iclsa2026 .iclsa2026-subtheme-card li span { font-size: 12px; } }

@media(max-width:1050px){.iclsa2026-speakers,.iclsa2026-subthemes{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.iclsa2026-grid-2{grid-template-columns:1fr}.iclsa2026-speakers,.iclsa2026-subthemes{grid-template-columns:repeat(2,1fr)}.iclsa2026-timeline{grid-template-columns:1fr}.iclsa2026-team{grid-template-columns:1fr}}
@media(max-width:540px){.iclsa2026-speakers,.iclsa2026-subthemes{grid-template-columns:1fr}.iclsa2026-hero-inner{padding:52px 0}.iclsa2026-hero h1{font-size:39px}.iclsa2026-tagline{font-size:15px}.iclsa2026-actions a{width:100%;text-align:center}.iclsa2026-section{padding:55px 0}}

.pkp_site_name_wrapper {
  padding-left: 0.1rem;
  padding-right: 0.1rem;
}
.pkp_site_name_wrapper {
  background: #07583c;
}



/* =========================================
   OJS 3 - FULL WIDTH RESPONSIVE HEADER LOGO
   ========================================= */

/* Perluas area header */
.pkp_head_wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Perluas container nama situs */
.pkp_head_wrapper .pkp_site_name_wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Container logo */
.pkp_site_name {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Tautan pembungkus logo */
.pkp_site_name a,
.pkp_site_name .is_img {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
    box-sizing: border-box;
}

/* Gambar logo memenuhi lebar container */
.pkp_site_name .is_img img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 220px;
    margin: 0;
    padding: 0;
    object-fit: fill;
    box-sizing: border-box;
}

/* Tablet */
@media (max-width: 991px) {
    .pkp_site_name .is_img img {
        max-height: 140px;
    }
}

/* Smartphone */
@media (max-width: 767px) {
    .pkp_site_name .is_img img {
        max-height: 90px;
    }
}

@media (min-width: 992px) {
  #navigationPrimary a:hover, #navigationPrimary a:focus {
    color: #07583c;
  }
}

#navigationPrimary>li>a:hover,
#navigationPrimary>li>a:focus {
  border-color:#07583c;
}

@media (min-width: 992px) {
  #navigationPrimary ul {
    background: #07583c;
  }
}