/* ============================================================
   LMS — Custom Style
   Untuk: Leadership in Muslim Societies (ejournal.tuah.or.id/index.php/LMS)
   Pasang via: Settings → Website → Appearance → Advanced →
               Journal Style Sheet → Upload File
   ============================================================ */

/* ---------- 1. Judul artikel hitam (issue / archive / search) ---------- */
.obj_article_summary h4.title a,
.obj_article_summary h4.title a:link,
.obj_article_summary h4.title a:visited {
	color: #000000 !important;
	text-decoration: none !important;
}
.obj_article_summary h4.title a:hover,
.obj_article_summary h4.title a:focus,
.obj_article_summary h4.title a:active {
	color: #000000 !important;
	text-decoration: underline !important;
}

/* ---------- 2. Layout homepage: cover di kanan, About di kiri ---------- */
/* Mengikuti pola ETDC: gambar cover float ke kanan, blok 'About the Journal'
   (judul + tabel info + paragraf deskripsi) wrap di sebelah kirinya, sehingga
   tampilan kompak dan tidak ada whitespace vertikal yang menjulang. */
.page_index_journal .homepage_image {
	float: right;
	width: 200px;
	margin: 1.5rem 0 1rem 1.5rem; /* margin-top 1.5rem — cover sedikit lebih turun, sejajar di bawah baris 'About the Journal' */
	clear: right;
}
.page_index_journal .homepage_image img {
	max-width: 100% !important;
	height: auto !important;
	display: block;
}
.page_index_journal .homepage_about {
	overflow: hidden; /* cegah teks terselip di bawah cover */
}
/* Clear float setelah blok About supaya 'Current Issue' tidak naik / tertimpa */
.page_index_journal .homepage_about::after {
	content: "";
	display: block;
	clear: both;
}

/* ---------- 3. Responsif: di layar sempit, cover kembali stack di atas ---------- */
@media (max-width: 768px) {
	.page_index_journal .homepage_image {
		float: none;
		width: auto;
		max-width: 200px;
		margin: 0 auto 1.5rem auto;
	}
	.page_index_journal .homepage_about {
		overflow: visible;
	}
}