.posts.list,.posts.list-2col {
.post {
display: block;
margin-bottom: 40px;
overflow: hidden;
position: relative;
padding: 20px;
border: 1px solid $color-_global-border;
border-radius: $border-radius__main;
box-shadow: $box-shadow__main;
.posted-cates {
a {
background: transparent;
padding: 0;
color: bastet-color();
}
}
&:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: $color--global-border;
}
&:last-child {
&:after {
display: none;
}
}
.post-thumbnail {
width: 100%;
height: auto;
.image {
height: 100%;
border-radius: 0;
&:before {
padding-top: 78%;
}
img {
position: absolute;
top: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
object-fit: cover;
image-rendering: auto;
}
}
}
.post-content {
max-width: 100%;
padding: 0;
@include respond-above( 'start', 'mobile' ) {
width: 100%;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
}
@include respond-above( 'start', 'screen' ) {
.bastet-post-share {
margin-top: 12px;
}
}
.entry-title {
font-size: 21px;
line-height: 31px;
padding: 0;
margin: 0;
-ms-word-wrap: break-word;
word-break: break-word;
}
.entry-content {
margin-top: 19px;
p {
font-size: 15px;
line-height: 25px;
margin-bottom: 20px;
}
}
}
}
}
.posts.list-2col {
display: flex;
flex-wrap: wrap;
margin-left: -20px;
margin-right: -20px;
@include respond-above( 'start', 'screen' ) {
.post .post-thumbnail {
margin-bottom: 20px;
}
}
.post .post-thumbnail .image:before {
padding-top: 72%;
@include respond-above( 'mobile', 'screen' ) {
padding-top: 48%;
}
}
.entry-meta {
padding-top: 12px;
border-top: 1px solid $color__global-border;
display: flex;
align-items: center;
}
.col-lg-7 {
padding-right: 8px;
}
.post .post-content {
padding-left: 4px;
}
.post .post-content .entry-content {
margin-top: 10px;
p {
margin-bottom: 14px;
}
}
}