/* Image Box Css */
.elementor-image-box-title {
	margin:0
}

/* List Custom */
.lst {
	border-left:1px dashed #ccc;
	position:relative;
	margin-left: 5px!important;
}
.lst ul {
	padding:0;
}
.lst li {
	list-style:none;
	position:relative;
	padding-left: 20px;
	margin-bottom:10px;
}
.lst li:before {
	content: " ";
	position: absolute;
	width: 23px;
	height: 23px;
	border-radius: 20px;
	left: -12px;
	background: #a3066c;
	border: 6px solid #fff;
	top: 2px;
}

/* Accordion Style */
.hello_acc .e-n-accordion-item {
	border-radius:15px;
	border:1px solid #D5DCE8;
	padding: 10px 20px;
}
.hello_acc .e-n-accordion-item-title-icon {
	width: 30px;
  height: 30px;
  border: 1px solid #D5DCE8;
	border-radius:50%;
	display: flex;
	justify-content: center;
	flex-basis: 30px;
  flex-shrink: 0;
	margin-right: -10px;
}
.hello_acc .e-n-accordion-item-title-icon svg {
	fill:#D5DCE8!important;
}

/* Tab Style */
.e-n-tabs-heading {
	background:#F1F1F1;
}

@media only screen and (max-width: 1024px) {
	/* Mobile Menu Padding */
	.hfe-nav-menu__layout-horizontal ul.hfe-nav-menu {
		padding-top:10px;
	}
}

/* Halaman /blog/ haji.biz (tema GeneratePress): grid 3 kolom lebar penuh, sama dengan elharamain.id.
   Tempel di Tampilan > Kustomisasi > CSS Tambahan, GANTI seluruh isi CSS Tambahan yang lama
   (CSS elharamain.id yang tertempel di sini tidak cocok untuk tema ini).
   Hanya berlaku di halaman daftar blog (body.blog), tidak mengubah isi artikel. */

/* Lebar penuh tanpa sidebar */
.blog #right-sidebar{display:none!important}
.blog #content.site-content{display:block!important}
.blog #primary.content-area{width:100%!important;max-width:100%!important;float:none!important;margin:0!important}
.blog #page.grid-container{max-width:1180px}

/* Banner judul halaman */
.blog #content::before{content:"Artikel Elharamain Wisata";display:block;margin:0 0 28px;padding:46px 20px 50px;text-align:center;color:#fff;font-size:clamp(26px,4.4vw,40px);font-weight:800;line-height:1.2;letter-spacing:-.2px;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),linear-gradient(135deg,#0a2e6b,#004AAD);border-radius:0 0 40px 40px}

/* Grid 3 kolom */
.blog .site-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:0}
.blog .site-main>article.post{position:relative;margin:0!important;padding:0!important;background:#fff;border:1px solid #e6ecf5;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(10,46,107,.07);transition:transform .2s ease,box-shadow .2s ease}
.blog .site-main>article.post:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(10,46,107,.15)}
.blog .site-main>.paging-navigation{grid-column:1/-1}
.blog article.post .inside-article{display:flex;flex-direction:column;height:100%;padding:0!important;margin:0!important;background:transparent!important}

/* Gambar seragam 16:9 di atas */
.blog article.post .post-image{order:-2;margin:0!important;padding:0!important;overflow:hidden;line-height:0}
.blog article.post .post-image a{display:block}
.blog article.post .post-image img{width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;display:block;margin:0!important;transition:transform .35s ease}
.blog .site-main>article.post:hover .post-image img{transform:scale(1.04)}

/* Isi kartu: tanggal di atas judul */
.blog article.post .entry-header{order:-1;display:flex;flex-direction:column;margin:0!important;padding:16px 18px 20px}
.blog article.post .entry-header .entry-meta{order:-1;margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#b08a1e}
.blog article.post .entry-header .entry-meta .byline{display:none}
.blog article.post .entry-header .entry-meta a,.blog article.post .entry-header .entry-meta time{color:inherit}
.blog article.post .entry-title{margin:0;font-size:18px!important;line-height:1.4;font-weight:700}
.blog article.post .entry-title a{color:#0a2e6b;text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.blog article.post .entry-title a:hover{color:#004AAD}
.blog article.post .entry-title a::after{content:"";position:absolute;inset:0;z-index:1}

/* Ringkasan disembunyikan */
.blog article.post .entry-summary{display:none!important}

/* Label kategori di atas gambar */
.blog article.post footer.entry-meta{position:absolute;top:12px;left:12px;z-index:2;margin:0!important;padding:0!important;border:0!important}
.blog article.post footer.entry-meta .gp-icon,.blog article.post footer.entry-meta .screen-reader-text,.blog article.post footer.entry-meta .tags-links,.blog article.post footer.entry-meta .comments-link{display:none!important}
.blog article.post footer.entry-meta .cat-links a{display:inline-block;background:rgba(10,46,107,.88);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.3px;line-height:1;padding:6px 11px;border-radius:999px;text-decoration:none}

/* Nomor halaman */
.blog .paging-navigation{margin:6px 0 30px;padding:0;border:0}
.blog .paging-navigation .nav-previous,.blog .paging-navigation .nav-next{display:none!important}
.blog .paging-navigation .nav-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin:0}
.blog .paging-navigation .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 16px;border:1px solid #e1e8f3;border-radius:999px;background:#fff;color:#0a2e6b;font-weight:600;text-decoration:none}
.blog .paging-navigation a.page-numbers:hover{border-color:#004AAD;color:#004AAD}
.blog .paging-navigation .page-numbers.current{background:#004AAD;border-color:#004AAD;color:#fff}
.blog .paging-navigation .page-numbers.dots{border:0;background:transparent}

/* Tablet dan HP */
@media(max-width:991px){.blog .site-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:620px){
  .blog .site-main{grid-template-columns:1fr;gap:18px}
  .blog #content::before{padding:34px 16px 38px;border-radius:0 0 28px 28px;margin-bottom:20px}
  .blog article.post .entry-title{font-size:17px!important}
}