{"id":1346,"date":"2023-12-06T01:54:15","date_gmt":"2023-12-06T01:54:15","guid":{"rendered":"https:\/\/sttsalem.ac.id\/?page_id=1346"},"modified":"2026-07-03T10:11:17","modified_gmt":"2026-07-03T03:11:17","slug":"galeri","status":"publish","type":"page","link":"https:\/\/sttsalem.ac.id\/index.php\/galeri\/","title":{"rendered":"Galeri"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1346\" class=\"elementor elementor-1346\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3086396c elementor-section-full_width elementor-section-stretched elementor-section-height-default elementor-section-height-default\" data-id=\"3086396c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-23642d0\" data-id=\"23642d0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3414444d elementor-widget elementor-widget-html\" data-id=\"3414444d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\nSTT SALEM \u2014 NAVIGASI STANDALONE\nCara pakai di Elementor:\n1. Tambahkan widget \"HTML\" di atas halaman\n2. Paste seluruh kode ini ke dalamnya\n3. Sesuaikan class \"stt-active\" pada menu item\nyang sesuai dengan halaman aktif\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400;1,600&family=DM+Sans:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<style>\n\/* \u2500\u2500 NAV RESET MINIMAL \u2500\u2500 *\/\n.stt-nav *,.stt-nav *::before,.stt-nav *::after,\n.stt-mobile-menu,.stt-mobile-menu *{box-sizing:border-box;margin:0;padding:0;}\n\n\/* \u2500\u2500 NAV DESKTOP \u2500\u2500 *\/\n.stt-nav{position:relative;z-index:9999;height:70px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;background:#0f1e3d;border-bottom:1px solid rgba(201,168,76,0.18);font-family:'DM Sans',sans-serif;}\n.stt-nav-brand{display:flex;align-items:center;gap:13px;text-decoration:none!important;flex-shrink:0;}\n.stt-nav-logo{width:42px;height:42px;object-fit:contain;border-radius:8px;background:rgba(255,255,255,0.08);padding:3px;flex-shrink:0;}\n.stt-nav-brand-text strong{display:block!important;font-family:'Playfair Display',serif!important;font-size:14px!important;color:#fff!important;line-height:1.2!important;font-weight:700!important;white-space:nowrap!important;}\n.stt-nav-brand-text span{font-size:10px!important;color:#c9a84c!important;letter-spacing:0.18em;text-transform:uppercase;white-space:nowrap!important;}\n\n\/* Links *\/\n.stt-nav-links{display:flex;align-items:center;gap:0;list-style:none;}\n.stt-nav-item{position:relative;}\n.stt-nav-item>a{color:rgba(255,255,255,0.75)!important;text-decoration:none!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:0.05em;text-transform:uppercase;padding:10px 16px;display:block;transition:color 0.2s;}\n.stt-nav-item>a:hover,.stt-nav-item.stt-active>a{color:#e2c47a!important;}\n.stt-nav-item.stt-active>a{color:#c9a84c!important;}\n\n\/* Dropdown *\/\n.stt-nav-drop{position:absolute;top:calc(100% + 6px);left:0;background:#0f1e3d;border:1px solid rgba(201,168,76,0.2);border-radius:10px;padding:8px;min-width:210px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all 0.22s ease;box-shadow:0 16px 40px rgba(0,0,0,0.35);z-index:10000;}\n.stt-nav-item:hover .stt-nav-drop{opacity:1;visibility:visible;transform:translateY(0);}\n.stt-nav-drop a{display:block!important;padding:9px 14px!important;color:rgba(255,255,255,0.7)!important;text-decoration:none!important;font-size:13px!important;border-radius:6px;transition:all 0.15s;}\n.stt-nav-drop a:hover,.stt-nav-drop a.stt-active{background:rgba(201,168,76,0.12)!important;color:#e2c47a!important;}\n.stt-nav-drop a.stt-active{font-weight:600!important;}\n\n\/* CTA Button *\/\n.stt-nav-cta{margin-left:12px;background:linear-gradient(135deg,#c9a84c,#e2c47a)!important;color:#0f1e3d!important;padding:9px 20px!important;border-radius:7px;font-weight:700!important;font-size:12px!important;letter-spacing:0.07em!important;}\n.stt-nav-cta:hover{opacity:0.88!important;}\n\n\/* Hamburger *\/\n.stt-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;}\n.stt-hamburger span{display:block;width:24px;height:2px;background:#c9a84c;border-radius:2px;transition:all 0.3s;}\n\n\/* Mobile Menu *\/\n.stt-mobile-menu{display:none;flex-direction:column;background:#0a1628;padding:16px 24px 24px;gap:2px;font-family:'DM Sans',sans-serif;}\n.stt-mobile-menu a{color:rgba(255,255,255,0.75)!important;text-decoration:none!important;font-size:14px!important;padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.06);display:block;}\n.stt-mobile-menu a:hover{color:#e2c47a!important;}\n.stt-mobile-menu .stt-mobile-sub{padding-left:16px;font-size:13px!important;color:rgba(255,255,255,0.5)!important;border-bottom:none;padding-top:6px;padding-bottom:6px;}\n.stt-mobile-menu .stt-mobile-sub:hover{color:#c9a84c!important;}\n.stt-mobile-menu .stt-mobile-group{font-size:11px!important;letter-spacing:0.15em;text-transform:uppercase;color:#c9a84c!important;padding-top:14px;padding-bottom:4px;border-bottom:none;font-weight:700!important;}\n.stt-mobile-open{display:flex!important;}\n\n\/* Responsive *\/\n@media(max-width:900px){\n.stt-nav-links{display:none!important;}\n.stt-hamburger{display:flex;}\n.stt-nav{padding:0 24px;}\n}\n<\/style>\n\n<!-- \u2550\u2550 NAV \u2550\u2550 -->\n<nav class=\"stt-nav\">\n<a class=\"stt-nav-brand\" href=\"https:\/\/sttsalem.ac.id\/\">\n<img decoding=\"async\" class=\"stt-nav-logo\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/logo_salem.png\" alt=\"Logo STT Salem\">\n<div class=\"stt-nav-brand-text\">\n<strong>STT Salem Malang<\/strong>\n<span>Est. 1985 \u00b7 Malang<\/span>\n<\/div>\n<\/a>\n\n<ul class=\"stt-nav-links\">\n<!-- Tandai item aktif dengan class \"stt-active\" sesuai halaman -->\n<li class=\"stt-nav-item\">\n<a href=\"#\">Tentang Kami \u25be<\/a>\n<div class=\"stt-nav-drop\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/sejarah-2\/\">Sejarah<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/tentang-stt-salem\/\">Visi &amp; Misi<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/tentang-stt-salem\/#tujuan\">Tujuan Pendidikan<\/a>\n<\/div>\n<\/li>\n<li class=\"stt-nav-item\">\n<a href=\"#\">Akademik \u25be<\/a>\n<div class=\"stt-nav-drop\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/tentang-stt-salem\/\">Program Studi<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/dosen\/\">Dosen<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/kalender\/\">Kalender Akademik<\/a>\n<\/div>\n<\/li>\n<li class=\"stt-nav-item\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/pendaftaran\/\">Penerimaan \u25be<\/a>\n<div class=\"stt-nav-drop\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/pendaftaran\/\">Syarat Pendaftaran<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/pendaftaran\/\">Prosedur<\/a>\n<a href=\"https:\/\/wa.me\/62895429242787?text=Saya%20tertarik%20tentang%20Beasiswa%20STT%20Salem\">Beasiswa<\/a>\n<\/div>\n<\/li>\n<li class=\"stt-nav-item\">\n<a href=\"#\">Riset &amp; Publikasi \u25be<\/a>\n<div class=\"stt-nav-drop\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/e-journal\/\">E-Journal<\/a>\n<\/div>\n<\/li>\n<li class=\"stt-nav-item\">\n<a href=\"#\">Kemahasiswaan \u25be<\/a>\n<div class=\"stt-nav-drop\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/galeri\/\">Galeri<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/services\/\">Alumni<\/a>\n<!--<a href=\"\/kegiatan\">Kegiatan<\/a>-->\n<\/div>\n<\/li>\n<li class=\"stt-nav-item\">\n<a href=\"#\">Akreditasi \u25be<\/a>\n<div class=\"stt-nav-drop\">\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/\">Laporan Tracer Study<\/a>\n<\/div>\n<\/li>\n<li class=\"stt-nav-item\"><a href=\"https:\/\/sttsalem.ac.id\/index.php\/berita-terbaru\/\">Berita<\/a><\/li>\n<li class=\"stt-nav-item\"><a href=\"https:\/\/wa.me\/62895429242787?text=Saya%20tertarik%20tentang%20STT%20Salem\">Kontak \/ Pengaduan Masyarakat<\/a><\/li>\n<li class=\"stt-nav-item\"><a href=\"https:\/\/wa.me\/62895429242787?text=Saya%20tertarik%20tentang%20STT%20Salem\" class=\"stt-nav-cta\">Daftar Sekarang<\/a><\/li>\n<\/ul>\n\n<!-- Hamburger (mobile) -->\n<div class=\"stt-hamburger\" onclick=\"document.getElementById('sttMobileMenuNav').classList.toggle('stt-mobile-open')\">\n<span><\/span><span><\/span><span><\/span>\n<\/div>\n<\/nav>\n\n<!-- \u2550\u2550 MOBILE MENU \u2550\u2550 -->\n<div class=\"stt-mobile-menu\" id=\"sttMobileMenuNav\">\n<span class=\"stt-mobile-group\">Tentang Kami<\/span>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/sejarah-2\/\" class=\"stt-mobile-sub\">Sejarah<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/tentang-stt-salem\/\" class=\"stt-mobile-sub\">Visi &amp; Misi<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/tentang-stt-salem\/\" class=\"stt-mobile-sub\">Tujuan Pendidikan<\/a>\n<span class=\"stt-mobile-group\">Akademik<\/span>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/tentang-stt-salem\/\" class=\"stt-mobile-sub\">Program Studi<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/dosen\/\" class=\"stt-mobile-sub\">Dosen<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/kalender\/\" class=\"stt-mobile-sub\">Kalender Akademik<\/a>\n<span class=\"stt-mobile-group\">Penerimaan<\/span>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/pendaftaran\/\" class=\"stt-mobile-sub\">Syarat Pendaftaran<\/a>\n<a href=\"https:\/\/wa.me\/62895429242787?text=Saya%20tertarik%20tentang%20STT%20Salem\" class=\"stt-mobile-sub\">Beasiswa<\/a>\n<span class=\"stt-mobile-group\">Lainnya<\/span>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/e-journal\/\" class=\"stt-mobile-sub\">E-Journal<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/galeri\/\" class=\"stt-mobile-sub\">Galeri<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/services\/\" class=\"stt-mobile-sub\">Alumni<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/akreditasi\/\" class=\"stt-mobile-sub\">Akreditasi<\/a>\n<a href=\"https:\/\/sttsalem.ac.id\/index.php\/berita-terbaru\/\">Berita<\/a>\n<a href=\"https:\/\/wa.me\/62895429242787?text=Saya%20tertarik%20tentang%20STT%20Salem\">Kontak \/ Pengaduan Masyarakat<\/a>\n<a href=\"https:\/\/wa.me\/62895429242787?text=Saya%20tertarik%20tentang%20STT%20Salem\" style=\"color:#c9a84c!important;font-weight:700!important;margin-top:8px;\">\ud83c\udf93 Daftar Sekarang<\/a>\n<\/div>\n\n<script>\n\/* Tutup mobile menu jika klik di luar nav *\/\ndocument.addEventListener('click', function(e){\nvar menu = document.getElementById('sttMobileMenuNav');\nvar hamburger = document.querySelector('.stt-hamburger');\nif(menu && hamburger && !menu.contains(e.target) && !hamburger.contains(e.target)){\nmenu.classList.remove('stt-mobile-open');\n}\n});\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-767de109 elementor-section-height-100vh elementor-section-full_width elementor-section-content-middle elementor-section-stretched elementor-section-height-default\" data-id=\"767de109\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3ab67cd5\" data-id=\"3ab67cd5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3402d906 stt-tagline elementor-widget elementor-widget-heading\" data-id=\"3402d906\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u2014 Sekolah Tinggi Teologi Salem Malang<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-88701c3 elementor-widget elementor-widget-heading\" data-id=\"88701c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Membentuk <em>Pemimpin<\/em><br>Rohani<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d59b190 elementor-widget elementor-widget-heading\" data-id=\"4d59b190\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Competency \u00b7 Capability \u00b7 Character<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-159218e8 elementor-widget elementor-widget-text-editor\" data-id=\"159218e8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"font-family:'Cormorant Garamond',serif;font-style:italic;font-size:16px;color:rgba(201,168,76,0.85);border-left:2px solid rgba(201,168,76,0.4);padding-left:16px;line-height:1.7;\">&ldquo;Beritakanlah dan ajarkanlah semuanya itu&rdquo;<br><small>\u2014 I Timotius 4:11<\/small><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-73f023f8 elementor-button-info elementor-align-left elementor-widget elementor-widget-button\" data-id=\"73f023f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg\" href=\"https:\/\/sttsalem.ac.id\/index.php\/pendaftaran\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Daftar Mahasiswa Baru<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5d28e0a8 elementor-section-full_width elementor-section-stretched elementor-section-content-middle elementor-section-height-default elementor-section-height-default\" data-id=\"5d28e0a8\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-70582e51\" data-id=\"70582e51\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1297a3eb elementor-widget elementor-widget-text-editor\" data-id=\"1297a3eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align:center;font-size:14px;font-weight:600;color:#0f1e3d;\"><span style=\"background:#0f1e3d;color:#c9a84c;font-size:10px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;padding:4px 10px;border-radius:4px;margin-right:12px;\">\ud83c\udf93 PMB 2026<\/span> Penerimaan Mahasiswa Baru 2026\/2027 \u2014 <strong>Beasiswa 100% untuk 20 Pendaftar Pertama!<\/strong> &nbsp;<a href=\"\/pendaftaran\" style=\"color:#0f1e3d;font-weight:700;text-decoration:underline;\">Daftar Sekarang \u2192<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-017f4b9 e-flex e-con-boxed e-con e-parent\" data-id=\"017f4b9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be44a59 elementor-widget elementor-widget-html\" data-id=\"be44a59\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Galeri | STT Salem Malang<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,900;1,400;1,600&family=DM+Sans:wght@300;400;500;600&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&display=swap\" rel=\"stylesheet\">\n<style>\n\/* \u2500\u2500 VARS & RESET \u2500\u2500 *\/\n:root{\n  --navy:#0f1e3d;\n  --navy-mid:#1a2f5e;\n  --navy-light:#243b6e;\n  --gold:#c9a84c;\n  --gold-light:#e2c47a;\n  --gold-pale:#f5e9c8;\n  --cream:#faf7f0;\n  --cream-dark:#f0ead8;\n  --white:#fff;\n  --text-mid:#4a4a6a;\n  --text-light:#8888aa;\n}\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}\nbody{font-family:'DM Sans',sans-serif;background:var(--navy);color:var(--cream);overflow-x:hidden;}\n\n\/* \u2500\u2500 PAGE HERO \u2500\u2500 *\/\n.stt-gal-hero{\n  position:relative;\n  background:var(--navy);\n  padding:72px 48px 56px;\n  text-align:center;\n  overflow:hidden;\n}\n.stt-gal-hero::before{\n  content:'';\n  position:absolute;inset:0;\n  background:\n    radial-gradient(ellipse 60% 80% at 20% 50%, rgba(201,168,76,0.06) 0%, transparent 70%),\n    radial-gradient(ellipse 50% 60% at 80% 30%, rgba(201,168,76,0.04) 0%, transparent 70%);\n  pointer-events:none;\n}\n\/* geometric line decoration *\/\n.stt-gal-hero::after{\n  content:'';\n  position:absolute;bottom:0;left:0;right:0;height:1px;\n  background:linear-gradient(90deg,transparent,rgba(201,168,76,0.4),transparent);\n}\n.stt-gal-hero-label{\n  display:inline-block;\n  font-size:10px;letter-spacing:0.25em;text-transform:uppercase;\n  color:var(--gold);font-weight:600;\n  margin-bottom:16px;\n}\n.stt-gal-hero-label::before,.stt-gal-hero-label::after{\n  content:'\u2014';margin:0 10px;opacity:0.5;\n}\n.stt-gal-hero h1{\n  font-family:'Playfair Display',serif;\n  font-size:clamp(36px,5vw,58px);\n  font-weight:700;\n  color:var(--white);\n  line-height:1.1;\n  margin-bottom:16px;\n}\n.stt-gal-hero h1 em{\n  color:var(--gold-light);\n  font-style:italic;\n}\n.stt-gal-hero-sub{\n  font-size:15px;color:rgba(255,255,255,0.55);\n  max-width:520px;margin:0 auto;\n  font-family:'Cormorant Garamond',serif;\n  font-style:italic;font-size:17px;\n}\n\n\/* \u2500\u2500 FILTER TABS \u2500\u2500 *\/\n.stt-gal-filter{\n  display:flex;align-items:center;justify-content:center;\n  gap:8px;flex-wrap:wrap;\n  padding:28px 24px 24px;\n  background:var(--cream);\n}\n.stt-filter-btn{\n  padding:9px 22px;\n  border:2px solid #0f1e3d;\n  border-radius:100px;\n  background:transparent;\n  color:#0f1e3d;\n  font-family:'DM Sans',sans-serif;\n  font-size:12px;letter-spacing:0.08em;text-transform:uppercase;font-weight:700;\n  cursor:pointer;\n  transition:all 0.22s ease;\n}\n.stt-filter-btn:hover{\n  border-color:#0f1e3d;color:#fff;\n  background:#0f1e3d;\n}\n.stt-filter-btn.active{\n  background:#0f1e3d;\n  border-color:#0f1e3d;\n  color:#e2c47a;\n  font-weight:700;\n}\n\n\/* \u2500\u2500 GALLERY BODY \u2500\u2500 *\/\n.stt-gal-body{\n  background:var(--cream);\n  padding:0 0 80px;\n}\n\n\/* \u2500\u2500 EVENT BLOCK \u2500\u2500 *\/\n.stt-event-block{\n  padding:56px 48px 0;\n  opacity:0;transform:translateY(32px);\n  transition:opacity 0.6s ease,transform 0.6s ease;\n}\n.stt-event-block.stt-vis{opacity:1;transform:translateY(0);}\n\n.stt-event-header{\n  display:flex;align-items:flex-end;gap:20px;\n  margin-bottom:28px;\n  padding-bottom:16px;\n  border-bottom:1px solid rgba(15,30,61,0.2);\n}\n.stt-event-number{\n  font-family:'Playfair Display',serif;\n  font-size:64px;font-weight:900;\n  color:rgba(15,30,61,0.12);\n  line-height:1;\n  flex-shrink:0;\n  margin-bottom:-8px;\n}\n.stt-event-meta{}\n.stt-event-category{\n  display:inline-block;\n  font-size:9px;letter-spacing:0.2em;text-transform:uppercase;\n  color:#7a5c10;font-weight:700;\n  margin-bottom:4px;\n}\n.stt-event-title{\n  font-family:'Playfair Display',serif;\n  font-size:clamp(18px,2.5vw,26px);\n  font-weight:700;\n  color:var(--navy);\n  line-height:1.2;\n}\n.stt-event-date{\n  font-size:12px;color:#333355;\n  margin-top:4px;letter-spacing:0.05em;\n}\n.stt-event-count{\n  margin-left:auto;\n  font-size:11px;color:#333355;\n  flex-shrink:0;\n  align-self:center;\n}\n\n\/* \u2500\u2500 PHOTO GRID \u2500\u2500 *\/\n.stt-photo-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:3px;\n  border-radius:12px;\n  overflow:hidden;\n  box-shadow:0 8px 40px rgba(15,30,61,0.12);\n}\n.stt-photo-grid.grid-4{grid-template-columns:repeat(4,1fr);}\n.stt-photo-grid.grid-2{grid-template-columns:repeat(2,1fr);}\n\n.stt-photo-item{\n  position:relative;\n  aspect-ratio:4\/3;\n  overflow:hidden;\n  cursor:pointer;\n  background:rgba(15,30,61,0.08);\n}\n.stt-photo-item.wide{grid-column:span 2;}\n.stt-photo-item.tall{grid-row:span 2;}\n\n.stt-photo-item img{\n  width:100%;height:100%;\n  object-fit:cover;\n  display:block;\n  transition:transform 0.5s ease;\n}\n.stt-photo-item:hover img{transform:scale(1.06);}\n\n.stt-photo-overlay{\n  position:absolute;inset:0;\n  background:linear-gradient(to top, rgba(15,30,61,0.75) 0%, transparent 50%);\n  opacity:0;\n  transition:opacity 0.3s ease;\n  display:flex;align-items:flex-end;\n  padding:16px;\n}\n.stt-photo-item:hover .stt-photo-overlay{opacity:1;}\n.stt-photo-overlay-text{\n  font-size:12px;color:rgba(255,255,255,0.9);\n  font-weight:500;\n}\n.stt-photo-zoom{\n  position:absolute;top:12px;right:12px;\n  width:32px;height:32px;\n  background:rgba(201,168,76,0.85);\n  border-radius:50%;\n  display:flex;align-items:center;justify-content:center;\n  opacity:0;transform:scale(0.7);\n  transition:all 0.25s ease;\n  color:var(--navy);font-size:14px;\n}\n.stt-photo-item:hover .stt-photo-zoom{opacity:1;transform:scale(1);}\n\n\/* placeholder saat tidak ada foto asli *\/\n.stt-photo-placeholder{\n  width:100%;height:100%;\n  display:flex;flex-direction:column;align-items:center;justify-content:center;\n  gap:10px;\n  background:linear-gradient(135deg,rgba(15,30,61,0.06),rgba(201,168,76,0.08));\n  color:rgba(15,30,61,0.3);\n  font-size:11px;letter-spacing:0.1em;text-transform:uppercase;\n}\n.stt-photo-placeholder svg{width:32px;height:32px;opacity:0.3;}\n\n\/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\n.stt-lightbox{\n  position:fixed;inset:0;z-index:99999;\n  background:rgba(5,10,25,0.96);\n  display:flex;align-items:center;justify-content:center;\n  opacity:0;pointer-events:none;\n  transition:opacity 0.3s ease;\n}\n.stt-lightbox.open{opacity:1;pointer-events:all;}\n.stt-lightbox-inner{\n  position:relative;\n  max-width:90vw;max-height:90vh;\n  display:flex;flex-direction:column;align-items:center;gap:16px;\n}\n.stt-lightbox-img{\n  max-width:100%;max-height:80vh;\n  object-fit:contain;\n  border-radius:8px;\n  box-shadow:0 24px 80px rgba(0,0,0,0.6);\n}\n.stt-lightbox-caption{\n  color:rgba(255,255,255,0.6);font-size:13px;\n  font-family:'Cormorant Garamond',serif;font-style:italic;\n  text-align:center;\n}\n.stt-lightbox-close{\n  position:fixed;top:24px;right:28px;\n  width:44px;height:44px;\n  background:rgba(201,168,76,0.15);\n  border:1px solid rgba(201,168,76,0.3);\n  border-radius:50%;cursor:pointer;\n  display:flex;align-items:center;justify-content:center;\n  color:var(--gold-light);font-size:20px;\n  transition:all 0.2s;\n}\n.stt-lightbox-close:hover{background:var(--gold);color:var(--navy);}\n.stt-lightbox-nav{\n  position:fixed;top:50%;transform:translateY(-50%);\n  width:48px;height:48px;\n  background:rgba(201,168,76,0.1);\n  border:1px solid rgba(201,168,76,0.25);\n  border-radius:50%;cursor:pointer;\n  display:flex;align-items:center;justify-content:center;\n  color:var(--gold-light);font-size:20px;\n  transition:all 0.2s;\n}\n.stt-lightbox-nav:hover{background:rgba(201,168,76,0.25);}\n.stt-lightbox-prev{left:20px;}\n.stt-lightbox-next{right:20px;}\n\n\/* \u2500\u2500 DIVIDER \u2500\u2500 *\/\n.stt-gal-divider{\n  display:flex;align-items:center;gap:16px;\n  padding:48px 48px 0;\n  color:rgba(15,30,61,0.2);\n}\n.stt-gal-divider::before,.stt-gal-divider::after{\n  content:'';flex:1;height:1px;\n  background:linear-gradient(90deg,transparent,rgba(201,168,76,0.25),transparent);\n}\n.stt-gal-divider span{\n  font-size:9px;letter-spacing:0.25em;text-transform:uppercase;\n  color:#7a5c10;opacity:1;\n  flex-shrink:0;\n}\n\n\/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\n.stt-gal-stats{\n  background:var(--navy);\n  padding:40px 48px;\n  display:flex;align-items:center;justify-content:center;gap:64px;\n  flex-wrap:wrap;\n}\n.stt-stat-item{text-align:center;}\n.stt-stat-num{\n  font-family:'Playfair Display',serif;\n  font-size:40px;font-weight:900;\n  color:var(--gold);line-height:1;\n}\n.stt-stat-label{\n  font-size:10px;letter-spacing:0.15em;text-transform:uppercase;\n  color:rgba(255,255,255,0.45);margin-top:6px;\n}\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media(max-width:860px){\n  .stt-gal-hero,.stt-gal-filter,.stt-event-block,.stt-gal-divider,.stt-gal-stats{padding-left:20px;padding-right:20px;}\n  .stt-photo-grid{grid-template-columns:repeat(2,1fr);}\n  .stt-photo-grid.grid-4{grid-template-columns:repeat(2,1fr);}\n  .stt-event-number{font-size:40px;}\n  .stt-gal-stats{gap:32px;}\n  .stt-lightbox-nav{display:none;}\n}\n@media(max-width:520px){\n  .stt-photo-grid{grid-template-columns:1fr 1fr;}\n  .stt-photo-item.wide{grid-column:span 1;}\n  .stt-gal-hero{padding-top:48px;padding-bottom:40px;}\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- \u2550\u2550 PAGE HERO \u2550\u2550 -->\n<div class=\"stt-gal-hero\">\n  <div class=\"stt-gal-hero-label\">STT Salem Malang<\/div>\n  <h1>Galeri <em>Kegiatan<\/em><\/h1>\n  <p class=\"stt-gal-hero-sub\">Dokumentasi perjalanan iman, akademik, dan pelayanan komunitas STT Salem Malang<\/p>\n<\/div>\n\n<!-- \u2500\u2500 STATS BAR \u2500\u2500 -->\n<!--<div class=\"stt-gal-stats\">\n  <div class=\"stt-stat-item\">\n    <div class=\"stt-stat-num\" id=\"statEvents\">0<\/div>\n    <div class=\"stt-stat-label\">Kegiatan<\/div>\n  <\/div>\n  <div class=\"stt-stat-item\">\n    <div class=\"stt-stat-num\" id=\"statPhotos\">0<\/div>\n    <div class=\"stt-stat-label\">Foto<\/div>\n  <\/div>\n  <div class=\"stt-stat-item\">\n    <div class=\"stt-stat-num\" id=\"statYears\">0<\/div>\n    <div class=\"stt-stat-label\">Tahun Berdiri<\/div>\n  <\/div>\n<\/div>-->\n\n<!-- \u2500\u2500 FILTER TABS \u2500\u2500 -->\n<div class=\"stt-gal-body\">\n  <div class=\"stt-gal-filter\" style=\"border-bottom:2px solid rgba(15,30,61,0.15);\">\n    <button class=\"stt-filter-btn active\" onclick=\"filterGallery('all',this)\">Semua<\/button>\n    <button class=\"stt-filter-btn\" onclick=\"filterGallery('MoU',this)\">MoU<\/button>\n    <button class=\"stt-filter-btn\" onclick=\"filterGallery('ibadah',this)\">Ibadah &amp; Doa<\/button>\n    <button class=\"stt-filter-btn\" onclick=\"filterGallery('sarpras',this)\">Sarana Prasarana<\/button>\n    <button class=\"stt-filter-btn\" onclick=\"filterGallery('kunjungan',this)\">Kunjungan<\/button>\n    <!--<button class=\"stt-filter-btn\" onclick=\"filterGallery('wisuda',this)\">Wisuda<\/button>\n    <button class=\"stt-filter-btn\" onclick=\"filterGallery('sosial',this)\">Sosial<\/button>-->\n  <\/div>\n  \n  <!-- \u2550\u2550 EVENT 1: PENANDATANGAN MOU DAN MOA \u2550\u2550 -->\n  <div class=\"stt-event-block\" data-category=\"MoU\">\n    <div class=\"stt-event-header\">\n      <div class=\"stt-event-number\">01<\/div>\n      <div class=\"stt-event-meta\">\n        <div class=\"stt-event-category\">MoU<\/div>\n        <div class=\"stt-event-title\">MoU dengan STT Pancasilacitta 1 Juli 2026<\/div>\n        <div class=\"stt-event-date\">\ud83d\udcc5 1 Juli 2026 &nbsp;\u00b7&nbsp; Kampus STT Pancasilacitta Malang<\/div>\n      <\/div>\n      <div class=\"stt-event-count\">6 foto<\/div>\n    <\/div>\n    <div class=\"stt-photo-grid\" data-event=\"MoU Pancasilacitta 1 Juli 2026\">\n      <!-- Ganti src dengan URL foto asli dari WordPress Media Library -->\n      <div class=\"stt-photo-item wide\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-01-at-17.15.33-2.jpeg\" alt=\"TT MoU\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 1')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Tanda Tangan MoU<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-01-at-17.15.36.jpeg\" alt=\"MoU\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 2')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">MoU<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-01-at-17.15.34-2.jpeg\" alt=\"MoU\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 3')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">MoU<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-01-at-17.15.31.jpeg\" alt=\"MoU\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 4')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">MoU<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-01-at-17.15.31-1.jpeg\" alt=\"Foto Bersama MoU\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 5')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Foto Bersama MoU<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-01-at-17.15.36-1.jpeg\" alt=\"Foto Bersama MoU\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 6')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Foto Bersama MoU<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <\/div>\n  <\/div>\n\n  <div class=\"stt-gal-divider\"><span>\u2726<\/span><\/div>\n\n<!-- \u2550\u2550 EVENT 2: IBADAH PENUTUPAN SEMESTER GENAP 2526 \u2550\u2550 -->\n  <div class=\"stt-event-block\" data-category=\"ibadah\">\n    <div class=\"stt-event-header\">\n      <div class=\"stt-event-number\">02<\/div>\n      <div class=\"stt-event-meta\">\n        <div class=\"stt-event-category\">Ibadah<\/div>\n        <div class=\"stt-event-title\">Ibadah Penutupan Semester Genap 2025\/2026<\/div>\n        <div class=\"stt-event-date\">\ud83d\udcc5 25 Juni 2026 &nbsp;\u00b7&nbsp; Kampus STT Salem Malang<\/div>\n      <\/div>\n      <div class=\"stt-event-count\">6 foto<\/div>\n    <\/div>\n    <div class=\"stt-photo-grid\" data-event=\"Ibadah Penutupan Semester 25 Juni 2026\">\n      <!-- Ganti src dengan URL foto asli dari WordPress Media Library -->\n      <div class=\"stt-photo-item wide\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/foto-bersama-penutupan-semester-2526.jpg\" alt=\"TT Foto Bersama\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 1')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Foto Bersama<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/tutup-semester-2.jpg\" alt=\"Khotbah\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 2')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Khotbah<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/tutup-semester-4.jpg\" alt=\"PS\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 3')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Paduan Suara<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/tutup-semester-7.jpg\" alt=\"BEM\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 4')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Serah Terima BEM<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/tutup-semester-9.jpg\" alt=\"Cenderamata\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 5')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Cenderamata BEM<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/07\/tutup-semester-91.jpg\" alt=\"BEM\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 6')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Pelantikan BEM<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <\/div>\n  <\/div>\n\n  <div class=\"stt-gal-divider\"><span>\u2726<\/span><\/div>\n\n\n  <!-- \u2550\u2550 EVENT 3: DOA SALEM \u2550\u2550 -->\n  <div class=\"stt-event-block\" data-category=\"ibadah\">\n    <div class=\"stt-event-header\">\n      <div class=\"stt-event-number\">03<\/div>\n      <div class=\"stt-event-meta\">\n        <div class=\"stt-event-category\">Ibadah &amp; Doa<\/div>\n        <div class=\"stt-event-title\">Doa Salem 19-20 Mei 2026<\/div>\n        <div class=\"stt-event-date\">\ud83d\udcc5 19-20 Mei 2026 &nbsp;\u00b7&nbsp; Kampus STT Salem Malang<\/div>\n      <\/div>\n      <div class=\"stt-event-count\">7 foto<\/div>\n    <\/div>\n    <div class=\"stt-photo-grid\" data-event=\"Doa Salem 5-6 Maret 2026\">\n      <!-- Ganti src dengan URL foto asli dari WordPress Media Library -->\n      <div class=\"stt-photo-item wide\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG_20260518_204642_114-scaled.jpg\" alt=\"Doa Salem - Sesi 1\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 1')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Foto Bersama<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG20260519081451-scaled.jpg\" alt=\"Tim Musik\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 2')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Doa Salem<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG20260519082245-scaled.jpg\" alt=\"Sesi Doa\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 3')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Sesi Doa<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG20260519083818-scaled.jpg\" alt=\"Doa Bersama\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 4')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Doa Bersama<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG20260519084753-scaled.jpg\" alt=\"Doa Salem\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 5')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Doa Bersama<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG_20260519_120745_160-scaled.jpg\" alt=\"Foto Bersama\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 6')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Foto Bersama<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG20260519110430-scaled.jpg\" alt=\"Tim Musik\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 7')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Tim Musik<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"stt-gal-divider\"><span>\u2726<\/span><\/div>\n\n <!-- \u2550\u2550 EVENT 4: DOA SALEM \u2550\u2550 -->\n  <div class=\"stt-event-block\" data-category=\"ibadah\">\n    <div class=\"stt-event-header\">\n      <div class=\"stt-event-number\">04<\/div>\n      <div class=\"stt-event-meta\">\n        <div class=\"stt-event-category\">Ibadah &amp; Doa<\/div>\n        <div class=\"stt-event-title\">Doa Salem 5\u20136 Maret 2026<\/div>\n        <div class=\"stt-event-date\">\ud83d\udcc5 5\u20136 Maret 2026 &nbsp;\u00b7&nbsp; Kampus STT Salem Malang<\/div>\n      <\/div>\n      <div class=\"stt-event-count\">6 foto<\/div>\n    <\/div>\n    <div class=\"stt-photo-grid\" data-event=\"Doa Salem 5-6 Maret 2026\">\n      <!-- Ganti src dengan URL foto asli dari WordPress Media Library -->\n      <div class=\"stt-photo-item wide\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/03\/IMG_20260306_120929_703-scaled.jpg\" alt=\"Doa Salem - Sesi Pagi\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 1')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Petugas Doa Salem<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/03\/doa-salem-9.jpg\" alt=\"Doa Salem - Penyembahan\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 2')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Doa Salem<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/03\/doa-salem-8.jpg\" alt=\"Doa Salem - Ibadah\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 3')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Ibadah Malam<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/03\/doa-salem-7.jpg\" alt=\"Doa Salem 4\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 4')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Pujian Bersama<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/03\/doa-salem-6.jpg\" alt=\"Doa Salem 5\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 5')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Pujian Bersama<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/03\/doa-salem-5.jpg\" alt=\"Doa Salem 6\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 6')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Sesi Doa<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"stt-gal-divider\"><span>\u2726<\/span><\/div>\n\n  <!-- \u2550\u2550 EVENT 5: K-PACT \u2550\u2550 -->\n  <div class=\"stt-event-block\" data-category=\"kunjungan\">\n    <div class=\"stt-event-header\">\n      <div class=\"stt-event-number\">05<\/div>\n      <div class=\"stt-event-meta\">\n        <div class=\"stt-event-category\">Kunjungan<\/div>\n        <div class=\"stt-event-title\">Kunjungan K-PACT International<\/div>\n        <div class=\"stt-event-date\">\ud83d\udcc5 25 Februari 2026 &nbsp;\u00b7&nbsp; Kampus STT Salem Malang<\/div>\n      <\/div>\n      <div class=\"stt-event-count\">6 foto<\/div>\n    <\/div>\n    <div class=\"stt-photo-grid grid-4\" data-event=\"Kunjungan K-PACT International 25 Februari 2026\">\n      <div class=\"stt-photo-item wide tall\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/02\/IMG_20260225_105532_596-scaled.jpg\" alt=\"K-PACT 1\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 1')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Foto Bersama<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/02\/kpactinternational-8.jpg\" alt=\"K-PACT 2\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 2')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Renungan Firman Tuhan<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/02\/kpact-international.jpg\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 3')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Sambutan Ketua Yayasan<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/02\/kpactinternational-7.jpg\" alt=\"K-PACT 4\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 4')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Sambutan Ketua STT Salem<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/02\/kpactinternational-5.jpg\" alt=\"K-PACT 5\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 5')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Presentasi K-PACT International<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/02\/kpactinternational-6.jpg\" alt=\"K-PACT 6\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 6')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Kunjungan Kampus<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"stt-gal-divider\"><span>\u2726<\/span><\/div>\n\n  <!-- \u2550\u2550 EVENT 6: WISUDA (contoh template tambahan) \u2550\u2550 -->\n  <div class=\"stt-event-block\" data-category=\"ibadah\">\n    <div class=\"stt-event-header\">\n      <div class=\"stt-event-number\">06<\/div>\n      <div class=\"stt-event-meta\">\n        <div class=\"stt-event-category\">Ibadah<\/div>\n        <div class=\"stt-event-title\">Ibadah Pembukaan Semester Genap 2025\/2026 STT Salem<\/div>\n        <div class=\"stt-event-date\">\ud83d\udcc5 19 Januari 2026 &nbsp;\u00b7&nbsp; Aula STT Salem Malang<\/div>\n      <\/div>\n      <div class=\"stt-event-count\">3 foto<\/div>\n    <\/div>\n    <div class=\"stt-photo-grid\" data-event=\"Ibadah Pembukaan Semester genap 2025\/2026\">\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/01\/IMG_20260119_114442_537-scaled.jpg\" alt=\"Ibadah 1\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 1')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Foto Bersama<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item wide\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/01\/IMG_20260119_102708-scaled.jpg\" alt=\"Ibadah 2\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 2')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Renungan Firman Tuhan<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/01\/IMG_20260119_100315-scaled.jpg\" alt=\"Ibadah 3\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 3')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Jemaat<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      \n    <\/div>\n  <\/div>\n\n<div class=\"stt-gal-divider\"><span>\u2726<\/span><\/div>\n\n  <!-- \u2550\u2550 EVENT 7: SARPRAS (contoh template tambahan) \u2550\u2550 -->\n  <div class=\"stt-event-block\" data-category=\"sarpras\">\n    <div class=\"stt-event-header\">\n      <div class=\"stt-event-number\">07<\/div>\n      <div class=\"stt-event-meta\">\n        <div class=\"stt-event-category\">sarpras<\/div>\n        <div class=\"stt-event-title\">Sarana Prasarana STT Salem<\/div>\n        <div class=\"stt-event-date\">\ud83d\udcc5 2026 &nbsp;\u00b7&nbsp; STT Salem Malang<\/div>\n      <\/div>\n      <div class=\"stt-event-count\">10 foto<\/div>\n    <\/div>\n    <div class=\"stt-photo-grid\" data-event=\"sarpras\">\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG_20260407_132539_253-1-scaled.jpg\" alt=\"Meetingroom\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 1')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Meeting Room<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item wide\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG_20251215_093132_714-scaled.jpg\" alt=\"Ruang Doa\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 2')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Ruang Doa<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG_20251215_093119_504-scaled.jpg\" alt=\"Bilik Ruang Doa\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 3')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Bilik Ruang Doa<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG_20251215_093044_738-scaled.jpg\" alt=\"Guest House\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 4')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Guest House<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG_20251215_092951_353-scaled.jpg\" alt=\"Lab Komputer\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 5')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Lab Komputer<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n        <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG_20251215_092907_710-scaled.jpg\" alt=\"Perpustakaan\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 6')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Perpustakaan<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/IMG_20251215_092750_875-scaled.jpg\" alt=\"Aula\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 7')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Aula<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n       <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/ruanguks.jpeg\" alt=\"UKS\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 8')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">UKS<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/asrama.jpg\" alt=\"Asrama\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 9')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Asrama<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n      <div class=\"stt-photo-item\" onclick=\"openLightbox(this)\">\n        <img decoding=\"async\" src=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2026\/05\/ruang-kelas.jpeg\" alt=\"Ruang Kelas\" loading=\"lazy\"\n          onerror=\"this.parentElement.innerHTML=placeholderHTML('Foto 10')\">\n        <div class=\"stt-photo-overlay\"><div class=\"stt-photo-overlay-text\">Ruang Kelas<\/div><\/div>\n        <div class=\"stt-photo-zoom\">\u2295<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <!-- Tambahkan event block baru dengan menyalin pola di atas -->\n\n<\/div><!-- \/stt-gal-body -->\n\n<!-- \u2550\u2550 LIGHTBOX \u2550\u2550 -->\n<div class=\"stt-lightbox\" id=\"sttLightbox\" onclick=\"closeLightboxOnBg(event)\">\n  <button class=\"stt-lightbox-close\" onclick=\"closeLightbox()\">\u2715<\/button>\n  <button class=\"stt-lightbox-nav stt-lightbox-prev\" onclick=\"navLightbox(-1)\">\u2039<\/button>\n  <button class=\"stt-lightbox-nav stt-lightbox-next\" onclick=\"navLightbox(1)\">\u203a<\/button>\n  <div class=\"stt-lightbox-inner\">\n    <img decoding=\"async\" class=\"stt-lightbox-img\" id=\"sttLightboxImg\" src=\"\" alt=\"\">\n    <div class=\"stt-lightbox-caption\" id=\"sttLightboxCaption\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n\/* \u2500\u2500 Placeholder helper \u2500\u2500 *\/\nfunction placeholderHTML(label){\n  return `<div class=\"stt-photo-placeholder\">\n    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\n      <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\"\/>\n      <path d=\"M21 15l-5-5L5 21\"\/>\n    <\/svg>\n    <span>${label}<\/span>\n  <\/div>`;\n}\n\n\/* \u2500\u2500 Counter animation \u2500\u2500 *\/\nfunction animateCount(el, target, duration=1600){\n  let start=0, step=target\/60;\n  const tick=()=>{\n    start=Math.min(start+step,target);\n    el.textContent=Math.round(start)+(target>100?'+':'');\n    if(start<target) requestAnimationFrame(tick);\n  };\n  requestAnimationFrame(tick);\n}\nwindow.addEventListener('load',()=>{\n  animateCount(document.getElementById('statEvents'),12);\n  animateCount(document.getElementById('statPhotos'),180);\n  animateCount(document.getElementById('statYears'),40);\n});\n\n\/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\nconst revealObs = new IntersectionObserver((entries)=>{\n  entries.forEach(e=>{\n    if(e.isIntersecting){ e.target.classList.add('stt-vis'); revealObs.unobserve(e.target); }\n  });\n},{threshold:0.1});\ndocument.querySelectorAll('.stt-event-block').forEach(el=>revealObs.observe(el));\n\n\/* \u2500\u2500 Filter \u2500\u2500 *\/\nfunction filterGallery(cat, btn){\n  document.querySelectorAll('.stt-filter-btn').forEach(b=>b.classList.remove('active'));\n  btn.classList.add('active');\n  document.querySelectorAll('.stt-event-block').forEach(block=>{\n    const blockCat = block.dataset.category;\n    const show = cat==='all' || blockCat===cat;\n    block.style.display = show ? '' : 'none';\n    \/\/ find preceding divider\n    const prev = block.previousElementSibling;\n    if(prev && prev.classList.contains('stt-gal-divider'))\n      prev.style.display = show ? '' : 'none';\n  });\n}\n\n\/* \u2500\u2500 Lightbox \u2500\u2500 *\/\nlet allPhotos=[], currentIndex=0;\n\nfunction buildPhotoList(){\n  allPhotos=[];\n  document.querySelectorAll('.stt-photo-item').forEach((item,i)=>{\n    const img=item.querySelector('img');\n    const caption=item.closest('.stt-event-block')\n      ?.querySelector('.stt-event-title')?.textContent||'';\n    const overlay=item.querySelector('.stt-photo-overlay-text')?.textContent||'';\n    if(img) allPhotos.push({src:img.src,alt:img.alt,caption:`${caption} \u2014 ${overlay}`,el:item});\n  });\n}\n\nfunction openLightbox(el){\n  buildPhotoList();\n  currentIndex=allPhotos.findIndex(p=>p.el===el);\n  if(currentIndex<0) currentIndex=0;\n  showLightboxPhoto(currentIndex);\n  document.getElementById('sttLightbox').classList.add('open');\n  document.body.style.overflow='hidden';\n}\nfunction showLightboxPhoto(idx){\n  const p=allPhotos[idx];\n  if(!p) return;\n  document.getElementById('sttLightboxImg').src=p.src;\n  document.getElementById('sttLightboxImg').alt=p.alt;\n  document.getElementById('sttLightboxCaption').textContent=p.caption;\n}\nfunction closeLightbox(){\n  document.getElementById('sttLightbox').classList.remove('open');\n  document.body.style.overflow='';\n}\nfunction closeLightboxOnBg(e){\n  if(e.target===document.getElementById('sttLightbox')) closeLightbox();\n}\nfunction navLightbox(dir){\n  currentIndex=(currentIndex+dir+allPhotos.length)%allPhotos.length;\n  showLightboxPhoto(currentIndex);\n}\ndocument.addEventListener('keydown',e=>{\n  if(!document.getElementById('sttLightbox').classList.contains('open')) return;\n  if(e.key==='Escape') closeLightbox();\n  if(e.key==='ArrowLeft') navLightbox(-1);\n  if(e.key==='ArrowRight') navLightbox(1);\n});\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>STT Salem Malang Est. 1985 \u00b7 Malang Tentang Kami \u25be Sejarah Visi &amp; Misi Tujuan Pendidikan Akademik \u25be Program Studi Dosen Kalender Akademik Penerimaan \u25be Syarat Pendaftaran Prosedur Beasiswa Riset &amp; Publikasi \u25be E-Journal Kemahasiswaan \u25be Galeri Alumni Akreditasi \u25be Laporan Tracer Study Berita Kontak \/ Pengaduan Masyarakat Daftar Sekarang Tentang Kami Sejarah Visi &amp; &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/sttsalem.ac.id\/index.php\/galeri\/\"> <span class=\"screen-reader-text\">Galeri<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"disabled","ast-hfb-mobile-header-display":"disabled","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1346","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Galeri | STT Salem Competency, Capability, Character\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/sttsalem.ac.id\/index.php\/galeri\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"STT Salem | Competency, Capability, Character\" \/>\n\t\t<meta property=\"og:type\" content=\"website\" \/>\n\t\t<meta property=\"og:title\" content=\"Galeri | STT Salem Competency, Capability, Character\" \/>\n\t\t<meta property=\"og:description\" content=\"Galeri | STT Salem Competency, Capability, Character\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/sttsalem.ac.id\/index.php\/galeri\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/LOGO-Salem_png.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/LOGO-Salem_png.png\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Galeri | STT Salem Competency, Capability, Character\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Galeri | STT Salem Competency, Capability, Character\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/LOGO-Salem_png.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/galeri\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sttsalem.ac.id\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/galeri\\\/#listItem\",\"name\":\"Galeri\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/galeri\\\/#listItem\",\"position\":2,\"name\":\"Galeri\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id#listItem\",\"name\":\"Home\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/#organization\",\"name\":\"STT Salem STT Salem\",\"description\":\"Competency, Capability, Character Sekolah tinggi teologi Salem di Malang.\",\"url\":\"https:\\\/\\\/sttsalem.ac.id\\\/\",\"telephone\":\"+62895429242787\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/sttsalem.ac.id\\\/wp-content\\\/uploads\\\/2023\\\/12\\\/cropped-LOGO-Salem_png.png\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/galeri\\\/#organizationLogo\",\"width\":512,\"height\":512},\"image\":{\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/galeri\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/profile.php?id=100063675472967\",\"https:\\\/\\\/www.instagram.com\\\/salemteologi\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@salemteologi\",\"https:\\\/\\\/www.youtube.com\\\/@sttsalem1985\",\"https:\\\/\\\/www.threads.com\\\/@salemteologi\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/galeri\\\/#webpage\",\"url\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/galeri\\\/\",\"name\":\"Galeri | STT Salem Competency, Capability, Character\",\"description\":\"Galeri | STT Salem Competency, Capability, Character\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/index.php\\\/galeri\\\/#breadcrumblist\"},\"datePublished\":\"2023-12-06T01:54:15+07:00\",\"dateModified\":\"2026-07-03T10:11:17+07:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/#website\",\"url\":\"https:\\\/\\\/sttsalem.ac.id\\\/\",\"name\":\"STT Salem\",\"description\":\"Competency, Capability, Character\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/sttsalem.ac.id\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Galeri | STT Salem Competency, Capability, Character","description":"Galeri | STT Salem Competency, Capability, Character","canonical_url":"https:\/\/sttsalem.ac.id\/index.php\/galeri\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/sttsalem.ac.id\/index.php\/galeri\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/sttsalem.ac.id#listItem","position":1,"name":"Home","item":"https:\/\/sttsalem.ac.id","nextItem":{"@type":"ListItem","@id":"https:\/\/sttsalem.ac.id\/index.php\/galeri\/#listItem","name":"Galeri"}},{"@type":"ListItem","@id":"https:\/\/sttsalem.ac.id\/index.php\/galeri\/#listItem","position":2,"name":"Galeri","previousItem":{"@type":"ListItem","@id":"https:\/\/sttsalem.ac.id#listItem","name":"Home"}}]},{"@type":"Organization","@id":"https:\/\/sttsalem.ac.id\/#organization","name":"STT Salem STT Salem","description":"Competency, Capability, Character Sekolah tinggi teologi Salem di Malang.","url":"https:\/\/sttsalem.ac.id\/","telephone":"+62895429242787","logo":{"@type":"ImageObject","url":"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/cropped-LOGO-Salem_png.png","@id":"https:\/\/sttsalem.ac.id\/index.php\/galeri\/#organizationLogo","width":512,"height":512},"image":{"@id":"https:\/\/sttsalem.ac.id\/index.php\/galeri\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/profile.php?id=100063675472967","https:\/\/www.instagram.com\/salemteologi\/","https:\/\/www.tiktok.com\/@salemteologi","https:\/\/www.youtube.com\/@sttsalem1985","https:\/\/www.threads.com\/@salemteologi"]},{"@type":"WebPage","@id":"https:\/\/sttsalem.ac.id\/index.php\/galeri\/#webpage","url":"https:\/\/sttsalem.ac.id\/index.php\/galeri\/","name":"Galeri | STT Salem Competency, Capability, Character","description":"Galeri | STT Salem Competency, Capability, Character","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/sttsalem.ac.id\/#website"},"breadcrumb":{"@id":"https:\/\/sttsalem.ac.id\/index.php\/galeri\/#breadcrumblist"},"datePublished":"2023-12-06T01:54:15+07:00","dateModified":"2026-07-03T10:11:17+07:00"},{"@type":"WebSite","@id":"https:\/\/sttsalem.ac.id\/#website","url":"https:\/\/sttsalem.ac.id\/","name":"STT Salem","description":"Competency, Capability, Character","inLanguage":"en-US","publisher":{"@id":"https:\/\/sttsalem.ac.id\/#organization"}}]},"og:locale":"en_US","og:site_name":"STT Salem | Competency, Capability, Character","og:type":"website","og:title":"Galeri | STT Salem Competency, Capability, Character","og:description":"Galeri | STT Salem Competency, Capability, Character","og:url":"https:\/\/sttsalem.ac.id\/index.php\/galeri\/","og:image":"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/LOGO-Salem_png.png","og:image:secure_url":"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/LOGO-Salem_png.png","twitter:card":"summary_large_image","twitter:title":"Galeri | STT Salem Competency, Capability, Character","twitter:description":"Galeri | STT Salem Competency, Capability, Character","twitter:image":"https:\/\/sttsalem.ac.id\/wp-content\/uploads\/2023\/12\/LOGO-Salem_png.png"},"aioseo_meta_data":{"post_id":"1346","title":"#post_title #separator_sa #site_title #tagline","description":"#post_title #separator_sa #site_title #tagline","keywords":null,"keyphrases":{"focus":{"keyphrase":"galeri","score":74,"analysis":{"keyphraseInTitle":{"score":9,"maxScore":9,"error":0},"keyphraseInDescription":{"score":9,"maxScore":9,"error":0},"keyphraseLength":{"score":9,"maxScore":9,"error":0,"length":1},"keyphraseInURL":{"score":5,"maxScore":5,"error":0},"keyphraseInIntroduction":{"score":3,"maxScore":9,"error":1},"keyphraseInSubHeadings":{"score":3,"maxScore":9,"error":1},"keyphraseInImageAlt":{"score":3,"maxScore":9,"error":1},"keywordDensity":{"type":"best","score":9,"maxScore":9,"error":0}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":"#post_title #separator_sa #site_title #tagline","og_description":"#post_title #separator_sa #site_title #tagline","og_object_type":"website","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"WebPage","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":{"faqs":[],"keyPoints":[],"titles":[],"descriptions":[],"socialPosts":{"email":[],"linkedin":[],"twitter":[],"facebook":[],"instagram":[]}},"created":"2025-11-21 01:01:15","updated":"2026-07-03 03:22:29","focus_keyword":"galeri","additional_keywords":null,"truseo_locale":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/sttsalem.ac.id\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tGaleri\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/sttsalem.ac.id"},{"label":"Galeri","link":"https:\/\/sttsalem.ac.id\/index.php\/galeri\/"}],"_links":{"self":[{"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/comments?post=1346"}],"version-history":[{"count":221,"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1346\/revisions"}],"predecessor-version":[{"id":3415,"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/pages\/1346\/revisions\/3415"}],"wp:attachment":[{"href":"https:\/\/sttsalem.ac.id\/index.php\/wp-json\/wp\/v2\/media?parent=1346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}