/* ==== JOCSTEC custom stylesheet (unggah di Website > Appearance > Advanced > Journal Style Sheet) ==== */

/* 1) Footer "Editorial Office" & "Licenses"
      Penyebab garis aneh: dua <div> di Page Footer memakai float tanpa "clear", sehingga isinya
      keluar dari kotak footer dan terpotong garis copyright. Di sini kotaknya dijadikan 2 kolom grid. */
.jt-pagefooter{display:grid!important;grid-template-columns:1fr 1fr;gap:12px 48px;margin-top:8px;padding:28px 20px 14px;border-top:1px solid rgba(255,255,255,.14);font-size:13px;line-height:1.7;color:#cbd5e1}
.jt-pagefooter>div{float:none!important;width:auto!important;margin:0!important;min-width:0;text-align:left!important}
.jt-pagefooter h3{margin:0 0 12px!important;font-size:12.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#fff}
.jt-pagefooter h3 em{font-style:normal}
.jt-pagefooter p{margin:0 0 12px}
.jt-pagefooter strong{color:#fff}
.jt-pagefooter a{color:#e2e8f0;text-decoration:underline;text-underline-offset:3px}
.jt-pagefooter a:hover{color:#fff}
.jt-pagefooter img{display:block;max-width:100%;height:auto;margin:2px 0 12px}
@media (max-width:700px){.jt-pagefooter{grid-template-columns:1fr}}

/* 2) Indexed & Abstracted: logo lebih besar, abu-abu lalu berwarna saat disorot */
.jt-logo-grid li a,.jt-logo-grid li>span{height:76px;padding:10px}
.jt-logo-grid img{max-height:54px;max-width:100%;width:auto;filter:grayscale(1);opacity:.8;transition:filter .2s,opacity .2s,transform .2s}
.jt-logo-grid li a:hover img{filter:none;opacity:1;transform:scale(1.04)}