.blog-list {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: start;
	height: auto !important;
	opacity: 1 !important;
}
.blog-list > article {
	width: 100% !important;
	position: static !important;
	opacity: 1 !important;
	visibility: visible !important;
}
.blog-list .post-thumbnail img { width: 100%; height: auto; }
.static-pagination { display: flex; justify-content: center; gap: 24px; clear: both; margin: 30px 0; }
.static-pagination .sh-load-more { display: block; text-align: center; cursor: pointer; }
.static-search { margin-bottom: 30px; }
.static-search[hidden] { display: none; }
.static-menu-open .sh-header-mobile-dropdown { display: block !important; }
.static-search-open .sh-header-search-side { display: block !important; opacity: 1 !important; visibility: visible !important; }
.sh-nav-search a, .sh-hamburger-menu, .sh-header-search-side-close, .sh-header-search-side-icon { cursor: pointer; }
[role="button"]:focus-visible, a:focus-visible { outline: 2px solid #6bbc5f; outline-offset: 4px; }
.post-related { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 20px; }
.post-related-item { flex: 0 0 calc((100% - 40px) / 3); width: auto !important; scroll-snap-align: start; }
.static-related-arrow { border: 1px solid #eee; background: white; color: #777; border-radius: 4px; padding: 4px 12px; cursor: pointer; }
.sh-footer-template { background-color: #f0f0f0; }
.post-content img { max-width: 100%; height: auto; }
@media (max-width: 1024px) {
	.blog-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.blog-list { grid-template-columns: minmax(0, 1fr); }
	.post-related-item { flex-basis: 100%; }
}
