Skip to content
HomeSingle Post

Single Post

February 10, 2026

HomeSingle Post

Single Post

February 10, 2026

HomeSingle Post

Single Post

February 10, 2026

HomeSingle Post

Single Post

February 10, 2026

HomeSingle Post

Single Post

February 10, 2026

HomeSingle Post

Single Post

February 10, 2026

HomeSingle Post

Single Post

February 10, 2026

HomeSingle Post

Single Post

February 10, 2026

HomeSingle Post

Single Post

February 10, 2026

HomeSingle Post

Single Post

February 10, 2026

0 thoughts on "Single Post"

.solace-comments .comments-area .comments-title {
display: none;
}

0 thoughts on "Single Post"

.solace-comments .comments-area .comments-title {
display: none;
}

0 thoughts on "Single Post"

.solace-comments .comments-area .comments-title {
display: none;
}
.solace-posts-navigation .right > a,
.solace-posts-navigation .left > a {
display: flex;
}
.text {
display: flex;
flex-direction: column;
justify-content: center;
}
.solace-posts-navigation .right .next {
text-align: right;
}

No Thumbnail Previous Post:
404

.related-posts h3 {
margin-top: 32px;
margin-bottom: 27px;
text-align: center;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.related-posts ul {
display: flex;
flex-wrap: wrap;
margin-left: 0;
padding-left: 0;
max-width: unset;
margin-top: 0;
}
.related-posts ul li {
margin-top: 0;
position: relative;
list-style: none;
overflow: hidden;
}
.related-posts ul li .image {
height: 277px;
position: relative;
}
/* .related-posts .date svg {
width: 10px;
} */
.the-categories {
/* display: flex;
gap: 5px; */
width: fit-content;
}
.the-categories a {
/* display: block; */
}
.related-posts ul li .content {
position: absolute;
top: calc(56% - 18px);
left: 50%;
transform: translate(-96px, 50%);
left: 0;
transform: translate(18px, 50%);
transform: none;
padding: 0 20px;
height: auto;
z-index: 2;
text-align: center;
width: 100%;
}
.related-posts ul li .image .thumbnail {
height: 100%;
width: 100%;
background-size: cover;
background-position: 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 10px;
overflow: hidden;
}
.related-posts ul li .image .thumbnail::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top, var(--overlay-color, rgba(0, 0, 0, 0.5)) 0%, transparent 100%);
transition: background 0.4s ease-in-out;
border-radius: inherit;
z-index: 1;
}
.related-posts ul li:hover .image .thumbnail::before {
background: linear-gradient(to top, var(--overlay-color-hover, rgba(0, 0, 0, 0.3)) 0%, transparent 100%);
transition: background 0.4s ease-in-out;
}
.related-posts ul li .content .the-categories {
text-align: left;
}
.related-posts ul li .title {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.related-posts ul li .content .title {
line-height: 1.2;
margin: 8px 0;
text-align: left;
/* white-space: nowrap; */
}
.related-posts ul li .content .title a {
display: block;
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.related-posts ul li .content .date time {
display: flex
;
flex-wrap: wrap;
align-items: center;
}
.related-posts ul li .content .date time svg {
font-size: 12px;
width: 12px;
height: 12px;
fill: #fff;
margin-right: 3px;
}
.related-posts ul li .content .date time span {
color: #fff;
font-size: 9px;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.related-posts ul li { width: calc((100% - 40px) / 3); }
@media(max-width: 1024px) {
.related-posts ul li { width: calc((100% - 40px) / 3); }
}
@media(max-width: 767px) {
.related-posts ul li { width: calc((100% - 40px) / 3); }
}

Related Posts

0 thoughts on "Single Post"

.solace-comments .comments-area .comments-title {
display: none;
}
.solace-posts-navigation .right > a,
.solace-posts-navigation .left > a {
display: flex;
}
.text {
display: flex;
flex-direction: column;
justify-content: center;
}
.solace-posts-navigation .right .next {
text-align: right;
}

No Thumbnail Previous Post:
404

.related-posts h3 {
margin-top: 32px;
margin-bottom: 27px;
text-align: center;
font-size: 25px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.related-posts ul {
display: flex;
flex-wrap: wrap;
margin-left: 0;
padding-left: 0;
max-width: unset;
margin-top: 0;
}
.related-posts ul li {
margin-top: 0;
position: relative;
list-style: none;
overflow: hidden;
}
.related-posts ul li .image {
height: 277px;
position: relative;
}
/* .related-posts .date svg {
width: 10px;
} */
.the-categories {
/* display: flex;
gap: 5px; */
width: fit-content;
}
.the-categories a {
/* display: block; */
}
.related-posts ul li .content {
position: absolute;
top: calc(56% - 18px);
left: 50%;
transform: translate(-96px, 50%);
left: 0;
transform: translate(18px, 50%);
transform: none;
padding: 0 20px;
height: auto;
z-index: 2;
text-align: center;
width: 100%;
}
.related-posts ul li .image .thumbnail {
height: 100%;
width: 100%;
background-size: cover;
background-position: 50%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 10px;
overflow: hidden;
}
.related-posts ul li .image .thumbnail::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(to top, var(--overlay-color, rgba(0, 0, 0, 0.5)) 0%, transparent 100%);
transition: background 0.4s ease-in-out;
border-radius: inherit;
z-index: 1;
}
.related-posts ul li:hover .image .thumbnail::before {
background: linear-gradient(to top, var(--overlay-color-hover, rgba(0, 0, 0, 0.3)) 0%, transparent 100%);
transition: background 0.4s ease-in-out;
}
.related-posts ul li .content .the-categories {
text-align: left;
}
.related-posts ul li .title {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.related-posts ul li .content .title {
line-height: 1.2;
margin: 8px 0;
text-align: left;
/* white-space: nowrap; */
}
.related-posts ul li .content .title a {
display: block;
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.related-posts ul li .content .date time {
display: flex
;
flex-wrap: wrap;
align-items: center;
}
.related-posts ul li .content .date time svg {
font-size: 12px;
width: 12px;
height: 12px;
fill: #fff;
margin-right: 3px;
}
.related-posts ul li .content .date time span {
color: #fff;
font-size: 9px;
font-size: 13px;
font-style: normal;
font-weight: 500;
line-height: normal;
}
.related-posts ul li { width: calc((100% - 40px) / 3); }
@media(max-width: 1024px) {
.related-posts ul li { width: calc((100% - 40px) / 3); }
}
@media(max-width: 767px) {
.related-posts ul li { width: calc((100% - 40px) / 3); }
}

Related Posts

0 thoughts on "Single Post"

.solace-comments .comments-area .comments-title { display: none; } .solace-posts-navigation .right > a, .solace-posts-navigation .left > a { display: flex; } .text { display: flex; flex-direction: column; justify-content: center; } .solace-posts-navigation .right .next { text-align: right; }

No Thumbnail Previous Post:
404

.related-posts h3 { margin-top: 32px; margin-bottom: 27px; text-align: center; font-size: 25px; font-style: normal; font-weight: 700; line-height: normal; } .related-posts ul { display: flex; flex-wrap: wrap; margin-left: 0; padding-left: 0; max-width: unset; margin-top: 0; } .related-posts ul li { margin-top: 0; position: relative; list-style: none; overflow: hidden; } .related-posts ul li .image { height: 277px; position: relative; } /* .related-posts .date svg { width: 10px; } */ .the-categories { /* display: flex; gap: 5px; */ width: fit-content; } .the-categories a { /* display: block; */ } .related-posts ul li .content { position: absolute; top: calc(56% - 18px); left: 50%; transform: translate(-96px, 50%); left: 0; transform: translate(18px, 50%); transform: none; padding: 0 20px; height: auto; z-index: 2; text-align: center; width: 100%; } .related-posts ul li .image .thumbnail { height: 100%; width: 100%; background-size: cover; background-position: 50%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 10px; overflow: hidden; } .related-posts ul li .image .thumbnail::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, var(--overlay-color, rgba(0, 0, 0, 0.5)) 0%, transparent 100%); transition: background 0.4s ease-in-out; border-radius: inherit; z-index: 1; } .related-posts ul li:hover .image .thumbnail::before { background: linear-gradient(to top, var(--overlay-color-hover, rgba(0, 0, 0, 0.3)) 0%, transparent 100%); transition: background 0.4s ease-in-out; } .related-posts ul li .content .the-categories { text-align: left; } .related-posts ul li .title { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .related-posts ul li .content .title { line-height: 1.2; margin: 8px 0; text-align: left; /* white-space: nowrap; */ } .related-posts ul li .content .title a { display: block; color: #fff; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } .related-posts ul li .content .date time { display: flex ; flex-wrap: wrap; align-items: center; } .related-posts ul li .content .date time svg { font-size: 12px; width: 12px; height: 12px; fill: #fff; margin-right: 3px; } .related-posts ul li .content .date time span { color: #fff; font-size: 9px; font-size: 13px; font-style: normal; font-weight: 500; line-height: normal; } .related-posts ul li { width: calc((100% - 40px) / 3); } @media(max-width: 1024px) { .related-posts ul li { width: calc((100% - 20px) / 2); } } @media(max-width: 767px) { .related-posts ul li { width: calc((100% - 0px) / 1); } }

Related Posts

0 thoughts on "Single Post"