/*
 * [logitude_blog_grid] — the Saasland Blog widget (style_02) base look, measured on live (/es/blog-grid/ has no page overrides).
 * Pages that restyle the cards (e.g. /blog-grid/) do it with their own HTML-widget CSS on these same class names.
 */
.mb-5 { margin-bottom: 3rem; }
.justify-content-center { justify-content: center; }
.pagination { display: flex; padding-left: 0; list-style: none; }

.h_blog_item { background-color: #fff; box-shadow: 0 30px 50px 0 rgba(64, 1, 4, .06); transition: .2s linear; }
.h_blog_content { padding: 25px 40px 30px; }
.h_blog_content .post_time { display: inline-block; margin-bottom: 10px; color: #7b7b93; font-size: 14px; font-weight: 500; line-height: 1.6; text-transform: uppercase; }
.h_blog_content h3 { margin-bottom: 8px; color: #2c2c51; font-size: 24px; font-weight: 500; line-height: 34px; transition: color .2s linear; }
.h_blog_content h3:hover { color: #f8636b; }
.h_blog_content .post-info-bottom { display: flex; justify-content: space-between; padding-top: 15px; }
.h_blog_content .learn_btn_two,
.h_blog_content .post-info-comments { position: relative; display: block; color: #7b7b93; font-size: 14px; font-weight: 500; line-height: 16px; text-transform: uppercase; }
.h_blog_content .learn_btn_two:hover { color: #f8636b; }
.h_blog_content i { display: inline-block; font-size: 14px; font-style: normal; line-height: 14px; }
.h_blog_content i svg { display: block; width: 1em; height: 1em; }
.h_blog_content .post_time i { margin-right: 5px; color: #f8636b; vertical-align: -2px; }
.h_blog_content .learn_btn_two i { vertical-align: -2px; transition: .2s linear; }
.h_blog_content .post-info-comments i { padding-right: 3px; color: #f8636b; vertical-align: -2px; }

.custom_blog.pagination { margin-top: 20px; padding-right: 12px; }
.custom_blog .page-numbers {
	display: inline-block;
	width: 28px;
	height: 28px;
	margin: 0 3px;
	border: 1px solid #f5f5f5;
	border-radius: 50%;
	background-color: #f5f5f5;
	color: #677294;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
}
.custom_blog .page-numbers.current { border-color: transparent; background-color: #1e73be; color: #fff; }
.custom_blog .page-numbers i { font-style: normal; }
.custom_blog .page-numbers svg { margin-top: -3px; color: #000; vertical-align: middle; }

@media (max-width: 991px) {
	.h_blog_item { margin-bottom: 30px; }
	.h_blog_item .h_blog_content { padding: 25px 20px; }
}