Skip to content
HomeSingle Post – Duplicate: #1417

Single Post - Duplicate: #1417

HomeSingle Post

Single Post

HomeSingle Post

Single Post

HomeSingle Post

Single Post

HomeSingle Post

Single Post

HomeSingle Post

Single Post

HomeSingle Post

Single Post

HomeSingle Post

Single Post

HomeSingle Post

Single Post

HomeSingle Post

Single Post

HomeSingle Post

Single Post

HomeSingle Post

Single Post

HomeSingle Post

Single Post

HomeSingle Post

Single Post

HomeSingle Post

Single Post

HomeSingle Post

Single Post

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

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

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

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

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

0 thoughts on "Single Post"

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

Appointment

Start Your Dream Project Today!




.solaceform-container {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.solaceform-field-column,
.solaceform-button-column,
.solaceform-input,
.submit-button {
box-sizing: border-box;
}
.solaceform-input,
.submit-button {
width: 100%;
white-space: nowrap;
}
.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;
}

Appointment

Start Your Dream Project Today!




.solaceform-container {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.solaceform-field-column,
.solaceform-button-column,
.solaceform-input,
.submit-button {
box-sizing: border-box;
}
.solaceform-input,
.submit-button {
width: 100%;
white-space: nowrap;
}
.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;
}

Appointment

Start Your Dream Project Today!




.solaceform-container {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.solaceform-field-column,
.solaceform-button-column,
.solaceform-input,
.submit-button {
box-sizing: border-box;
}
.solaceform-input,
.submit-button {
width: 100%;
white-space: nowrap;
}
.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;
}

Appointment

Start Your Dream Project Today!




.solaceform-container {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.solaceform-field-column,
.solaceform-button-column,
.solaceform-input,
.submit-button {
box-sizing: border-box;
}
.solaceform-input,
.submit-button {
width: 100%;
white-space: nowrap;
}
.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;
}

Appointment

Start Your Dream Project Today!




.solaceform-container {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.solaceform-field-column,
.solaceform-button-column,
.solaceform-input,
.submit-button {
box-sizing: border-box;
}
.solaceform-input,
.submit-button {
width: 100%;
white-space: nowrap;
}
.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;
}

Appointment

Start Your Dream Project Today!




.solaceform-container {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.solaceform-field-column,
.solaceform-button-column,
.solaceform-input,
.submit-button {
box-sizing: border-box;
}
.solaceform-input,
.submit-button {
width: 100%;
white-space: nowrap;
}
.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% - 0px) / 1); }
}

Related Posts

0 thoughts on "Single Post"

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

Appointment

Start Your Dream Project Today!










.solaceform-container { display: flex; flex-wrap: wrap; width: 100%; } .solaceform-field-column, .solaceform-button-column, .solaceform-input, .submit-button { box-sizing: border-box; } .solaceform-input, .submit-button { width: 100%; white-space: nowrap; } .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% - 0px) / 1); } }

Related Posts

0 thoughts on "Single Post – Duplicate: #1417"

Appointment

Start Your Dream Project Today!