.gva-posts-grid{
.posts-grid-filter{
margin-bottom: 15px;
width: 100%;
float: left;
ul.nav-tabs{
display: inline-block;
text-align: left;
float: left;
padding-top: 15px;
> li{
> a{
background: none;
font-weight: 500;
color: $black;
@include transition(all 0.35s);
text-transform: uppercase;
padding: 0 10px;
&.active{
color: $theme-color;
}
}
}
}
.view-all{
float: right;
}
}
.gva-content-items{
float: left;
width: 100%;
}
}
.gva-posts-sticky{
.gva-content-items{
position: relative;
float: left;
width: 100%;
.content-wrap{
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
> div{
padding: 0 15px;
flex: 0 0 33.333%;
padding: 0 15px;
@media(max-width: 767px){
flex: 0 0 50%;
}
@media(max-width: 480px){
flex: 0 0 100%;
}
}
}
.list-post{
flex: 0 0 33.4%;
@media(max-width: 767px){
flex: 0 0 100%!important;
}
.post-block-sticky{
&__single{
&:last-child{
margin-bottom: 0;
}
}
&__thumbnail{
opacity: 0;
border-radius: 20px;
display: none;
img{
border-radius: 20px;
}
}
&__content{
min-height: 0;
background: $bg-gray;
border-radius: 20px;
display: block;
}
&__content-inner{
}
&__date{
position: initial;
width: auto;
height: auto;
display: block;
border-radius: 0;
background: transparent;
color: $link-color;
font-weight: 500;
line-height: 1;
.day{
font-size: 14px;
}
.month{
font-size: 14px;
text-transform: capitalize;
}
}
&__title{
font-size: 24px;
font-weight: 700;
line-height: 34px;
a{
color: $link-color;
}
}
&__meta{
border-top: 1px solid $border-color;
}
&__comment{
color: $body-color;
}
}
}
}
}
.gva-posts-list-small{
.gva-content-items{
> .post:last-child{
margin-bottom: 0;
}
}
}