.posts.card {
border: none;
background: transparent;
display: block;
.post {
margin-bottom: 44px;
position: relative;
.posted-cates {
margin-top: -32px;
margin-bottom: 4px;
}
.post-thumbnail {
margin-bottom: 0;
.thumbinal .image {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
&:before {
padding-top: 52%;
}
}
}
}
.post-content {
padding: 24px 28px;
border: 1px solid $color--global-border;
border-top: none;
box-shadow: $box-shadow__main;
border-bottom-right-radius: $border-radius--main;
border-bottom-left-radius: $border-radius--main;
}
.entry-header {
margin-bottom: 10px;
}
.entry-title {
font-size: 30px;
line-height: 40px;
padding: 0;
margin-bottom: 10px;
margin-top: 10px;
@include respond-above( 'start', 'mobile' ) {
font-size: 26px;
line-height: 33px;
}
@include respond-above( 'mobile', 'screen' ) {
font-size: 32px;
line-height: 39px;
}
}
.entry-meta {
padding-top: 14px;
border-top: 1px solid $color--global-border;
width: 100%;
}
.entry-content {
margin-top: 14px;
p {
font-size: 15px;
line-height: 27px;
margin-bottom: 20px;
}
}
.entry-footer {
margin-top: 24px;
.bastet-rd {
color: #fff;
border: none;
background: #1b1b1b;
padding: $button--padding;
}
@include respond-above( 'start', 'mobile' ) {
.bastet-post-share {
margin-top: 20px;
width: 100%;
justify-content: center;
.text {
margin-right: 0;
margin-bottom: 28px;
flex: 1 100%;
text-align: center;
&:before {
width: 14px;
bottom: -14px;
top: unset;
transform: rotate(90deg);
right: 0;
left: 0;
}
}
}
}
}
}