HomeSingle Post
Single Post
March 4, 2026
HomeSingle Post
Single Post
March 4, 2026
HomeSingle Post
Single Post
March 4, 2026
HomeSingle Post
Single Post
March 4, 2026
HomeSingle Post
Single Post
March 4, 2026
HomeSingle Post
Single Post
March 4, 2026
HomeSingle Post
Single Post
March 4, 2026
HomeSingle Post
Single Post
March 4, 2026
HomeSingle Post
Single Post
March 4, 2026
HomeSingle Post
Single Post
March 4, 2026
HomeSingle Post
Single Post
March 4, 2026
HomeSingle Post
Single Post
March 4, 2026
HomeSingle Post
Single Post
March 4, 2026
Single Post
March 4, 2026
Single Post
March 4, 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;
}
.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
-
Recovery
Heroin Addiction Stories and Recovery
February 26, 2026
-
Prevention
Early Warning Signs of Teen Substance Use
February 26, 2026
-
Recovery
The Serenity Prayer & Twelve Step Recovery
February 26, 2026
0 thoughts on "Single Post"
.solace-comments .comments-area .comments-title {
display: none;
}
.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
-
Recovery
Heroin Addiction Stories and Recovery
February 26, 2026
-
Prevention
Early Warning Signs of Teen Substance Use
February 26, 2026
-
Recovery
The Serenity Prayer & Twelve Step Recovery
February 26, 2026
0 thoughts on "Single Post"
.solace-comments .comments-area .comments-title {
display: none;
}
.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
-
Recovery
Heroin Addiction Stories and Recovery
February 26, 2026
-
Prevention
Early Warning Signs of Teen Substance Use
February 26, 2026
-
Recovery
The Serenity Prayer & Twelve Step Recovery
February 26, 2026
0 thoughts on "Single Post"
.solace-comments .comments-area .comments-title {
display: none;
}
.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
-
Recovery
Heroin Addiction Stories and Recovery
February 26, 2026
-
Prevention
Early Warning Signs of Teen Substance Use
February 26, 2026
-
Recovery
The Serenity Prayer & Twelve Step Recovery
February 26, 2026
0 thoughts on "Single Post"
.solace-comments .comments-area .comments-title {
display: none;
}
.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
-
Recovery
Heroin Addiction Stories and Recovery
February 26, 2026
-
Prevention
Early Warning Signs of Teen Substance Use
February 26, 2026
-
Recovery
The Serenity Prayer & Twelve Step Recovery
February 26, 2026
0 thoughts on "Single Post"
.solace-comments .comments-area .comments-title {
display: none;
}
.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
-
Recovery
Heroin Addiction Stories and Recovery
February 26, 2026
-
Prevention
Early Warning Signs of Teen Substance Use
February 26, 2026
-
Recovery
The Serenity Prayer & Twelve Step Recovery
February 26, 2026
0 thoughts on "Single Post"
.solace-comments .comments-area .comments-title {
display: none;
}
.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
-
Recovery
Heroin Addiction Stories and Recovery
February 26, 2026
-
Prevention
Early Warning Signs of Teen Substance Use
February 26, 2026
-
Recovery
The Serenity Prayer & Twelve Step Recovery
February 26, 2026
0 thoughts on "Single Post"
.solace-comments .comments-area .comments-title {
display: none;
}
.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
-
Recovery
Heroin Addiction Stories and Recovery
February 26, 2026
-
Prevention
Early Warning Signs of Teen Substance Use
February 26, 2026
-
Recovery
The Serenity Prayer & Twelve Step Recovery
February 26, 2026
0 thoughts on "Single Post"
.solace-comments .comments-area .comments-title {
display: none;
}
.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
-
Recovery
Heroin Addiction Stories and Recovery
February 26, 2026
-
Prevention
Early Warning Signs of Teen Substance Use
February 26, 2026
-
Recovery
The Serenity Prayer & Twelve Step Recovery
February 26, 2026
0 thoughts on "Single Post"
.solace-comments .comments-area .comments-title {
display: none;
}
.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
-
Recovery
Heroin Addiction Stories and Recovery
February 26, 2026
-
Prevention
Early Warning Signs of Teen Substance Use
February 26, 2026
-
Recovery
The Serenity Prayer & Twelve Step Recovery
February 26, 2026
0 thoughts on "Single Post"