/* Sacraments (Preview) — ticket #35122. Scoped to .blogsacpreview (pageclass_sfx) so it never bleeds onto other pages. */
.blogsacpreview .preview-hero { position: relative; overflow: hidden; margin-bottom: 24px; }
.blogsacpreview .preview-hero-img { width: 100%; height: 320px; object-fit: cover; display: block; }
.blogsacpreview .preview-hero-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(20,133,57,.78), rgba(80,129,179,.72)); }
.blogsacpreview .preview-hero-title { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; margin: 0; color: #ffffff !important; text-shadow: 0 2px 6px rgba(0,0,0,.4); }

/* the leading (hero) article re-renders its own title via show_title=use_article; hide it, the hero already shows the page name */
.blogsacpreview .items-leading .page-header { display: none; }

.blogsacpreview .item { background: #fff; overflow: hidden; box-shadow: 0 4px 14px rgba(0,0,0,.08); display: flex; flex-direction: column; border-radius: 0; transition: transform .18s ease, box-shadow .18s ease; }
.blogsacpreview .item:hover { transform: translateY(-4px); box-shadow: 0 10px 24px rgba(0,0,0,.14); }
.blogsacpreview .item .page-header { order: 2; border: 0; margin: 0; padding: 14px 14px 2px; }
.blogsacpreview .item .page-header h2 { margin: 0; text-align: center; font-size: 1.1em; }
.blogsacpreview .item .item-image { order: 1; float: none; width: 100%; margin: 0; }
.blogsacpreview .item .item-image img { width: 100% !important; height: 180px; object-fit: cover; padding: 0 !important; display: block; border-radius: 0; }
.blogsacpreview .item p { order: 3; text-align: center; margin: 0; padding: 6px 14px 16px; }
.blogsacpreview a.button { border-radius: 0; }