.textMain .blog-posts,
.textMain .pagelet-posts {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.textMain p:empty,
.textMain .post-excerpt,
.textMain .post-meta-entry {
    display: none;
}

.textMain .blog-posts li,
.textMain .pagelet-posts li {
    position: relative;
    padding: 32px 38px;
    background: #fff;
    border: 1px solid #e2e6e8;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .04);
    overflow: hidden;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.textMain .blog-posts li::before,
.blogMain .pagelet-posts > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: var(--themeOneBg);
    transform: scaleY(0);
    transform-origin: center;
    transition: transform .35s ease;
}

.blogMain .blog-posts > li:hover,
.blogMain .pagelet-posts > li:hover {
    transform: translateY(-3px);
    border-color: transparent;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
}

.blogMain .blog-posts > li:hover::before,
.blogMain .pagelet-posts > li:hover::before,
    {
    transform: scaleY(1);
}

.textMain .blog-posts li h3 a,
.textMain .pagelet-posts li h3 a {
    text-decoration: none;
    color: var(--themeOneBg);
}

.textMain .blog-posts li h3 a:hover,
.textMain .pagelet-posts li h3 a:hover {
    color: var(--themeTwoBg);
}

.textMain .blog-posts li p,
.textMain .pagelet-posts li p {
    padding: 20px 0 10px 0px !important;
    margin: 0px !important;
}

.textMain .blog-posts li .read-more,
.textMain .pagelet-posts li .read-more,
.textMain .pagelet-posts-details .read-more {
	display: inline-block;
}

.textMain .blog-posts li .read-more a,
.textMain .pagelet-posts li .read-more a,
.textMain .pagelet-posts-details .read-more a {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 18px;
	color: var(--fontLight);
	font-weight: 600;
	text-decoration: none;
	border: none !important;
	border-radius: 4px;
	background: var(--themeOneBg);
	transition: background .25s ease, gap .25s ease, color .25s ease;
}

.textMain .pagelet-posts-details .read-more a {
	display: inline-flex !important;
}

.textMain .blogMain .read-more a::after,
.textMain .pagelet-posts-details .read-more a::after {
	content: "\f105";
	font-family: 'fontello';
	font-size: 16px;
	line-height: 1;
	position: relative;
	top: 1px;
	color: var(--fontLight);
	transition: transform .25s ease;
}

.textMain .blogMain .read-more a:hover,
.textMain .pagelet-posts-details .read-more a:hover {
	gap: 12px;
	color: var(--fontDark);
    background: var(--themeTwoBg);
}

.textMain .blogMain .read-more a:hover::after,
.textMain .pagelet-posts-details .read-more a:hover::after {
	transform: translateX(2px);
    color: var(--fontDark);
}