.list-sub-category{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.list-sub-category h1{
background-color: var( --e-global-color-primary );
color: #FFF;   
padding: 3px 22px;
margin: 0 auto 40px;
display: inline-block;
}
.list-sub-category ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
grid-gap: 20px 0;
margin: 0 auto;
padding: 0;
}
.list-sub-category ul li{
padding: 0;
text-align: center;
list-style-type: none;
border-right: 1px solid #6970A3;
}
.list-sub-category ul li:last-child{
border-right: none;
}
.list-sub-category ul li a{
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #6970A3;
transition: color 200ms ease-in-out;
margin: 0 30px 0 29px;
}
.list-sub-category ul li a:hover{
color: var( --e-global-color-primary );
}
.list-sub-category ul li.currentId a{
background-color: var( --e-global-color-primary );
color: #FFF !important;
font-weight: 600;
padding: 5px 10px;
}   
@media screen and (max-width: 640px){
.list-sub-category ul{
flex-direction: column;
align-items: flex-start;
margin: 0;
}
.list-sub-category ul li{
border-right: none;
}
}.lv-post{
width: 100%;
}
.lv-card-post{
display: flex;
flex-direction: column;
border-top: 22px solid var( --e-global-color-primary );
border-radius: 10px;
box-shadow: 0px 2px 4px rgba(0,0,0,.2); 
padding: 25px;
background-color: #FFF;
font-family: var(--e-global-typography-primary-font-family);
width: 100%;
height: 100%;
}
.lv-card-post__infos{
font-size: 12px;
line-height: 14px;
margin-bottom: 4px;
display: flex;
justify-content: space-between;
align-items:center;
}
.lv-card-post__infos .more-infos{
font-size: 12px;
line-height: 14px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.lv-card-post__infos .more-infos i{
color: var( --e-global-color-primary );
}
.lv-card-post__cat{
margin: 0 0 0 -8px;
padding: 0;
margin-bottom: 10px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.lv-card-post__cat li{
list-style-type: none;
border-right: 1px solid var( --e-global-color-primary );
padding: 0 8px;
}
.lv-card-post__cat li:last-child{
border-right: none;
}
.lv-card-post__cat a{
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: var( --e-global-color-primary );
transition: color 200ms ease-in-out;
}
.lv-card-post__cat a:hover{
color: var( --e-global-color-primary );
}
.lv-card-post__title,
.lv-card-post__title a{
font-weight: 600;
font-size: 20px;
line-height: 24px;
color: #161F29;
margin-bottom: 10px;
transition: color 200ms ease-in-out;
}
.lv-card-post__title a:hover{
color: var( --e-global-color-primary );
}
.lv-card-post__desc{
font-weight: 400;
font-size: 14px;
line-height: 18px;
margin-bottom: 20px;
}
.lv-card-post__endline{
display: flex;
justify-content: space-between;
align-items: center;
margin-top: auto;
margin-bottom: -5px;
}
.lv-card-post__link{
font-weight: 600;
color: var( --e-global-color-primary );
}
.lv-card-post__timetoread{
font-weight: 400;
font-size: 12px;
line-height: 17px;
color: var( --e-global-color-primary );
margin-bottom: 0;
}.lv-posts-filter{
display: flex;
justify-content: space-between;
align-items: center;
}
.lv-posts-filter ul{
display: flex;
justify-content: flex-start;
align-items: center;
margin: 0;
padding: 0;
}
.lv-posts-filter ul li{
list-style-type: none;
margin-bottom: 0;
}
.lv-posts-filter ul li:not(:last-child){
margin-right: 10px;
}
.lv-posts-filter ul li a{
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #6970A3;
transition: all 200ms ease-in-out;
}
.lv-posts-filter ul li a:hover{
color: var( --e-global-color-primary );
}
.lv-posts-filter ul li.lv-posts-filter__active a{
text-decoration: underline;
font-weight: 600;
color: var( --e-global-color-primary );
}.lv-list-posts__list{
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
gap: 10px;
margin: 0;
padding: 0 0 0 10px;
}
.lv-list-posts__list > li{
flex: 1 0 100%;
max-width: calc(25% - 10px);
list-style-type: none;
text-align: left;
display: flex;
align-self: stretch;
}
.lv-list-posts .noPost{
text-align: center;
margin-bottom: 40px;
}
@media screen and (max-width: 1024px){
.lv-list-posts__list > li{
max-width: calc(33.3333% - 10px);
}
}
@media screen and (max-width: 840px){
.lv-list-posts__list > li{
max-width: calc(50% - 10px);
}
}
@media screen and (max-width: 640px){
.lv-list-posts__list > li{
max-width: calc(100% - 10px);
}
}
.lv-list-posts__pagination{
display: flex;
align-items: center;
justify-content: center;
grid-gap: 5px 10px;
margin: 40px auto 0;
padding: 0;
}
.lv-list-posts__pagination li{
list-style-type: none;
width: 28px;
height: 28px;
margin-bottom: 0;
border: 0;
}
.lv-list-posts__pagination li a{
display: flex;
align-items: center;
justify-content: center;
color: var( --e-global-color-primary );
transition: all 100ms ease-in-out;
border: 1px solid var( --e-global-color-primary );
width: 28px;
height: 28px;
}
.lv-list-posts__pagination li:hover a,
.lv-list-posts__pagination li.active a{
color: #FFF;
background-color: var( --e-global-color-primary );
}