root.mobile-page .blog-thumb {
height: 159px;
}
.blog-item {
display: flex;
flex-direction: column;
flex-wrap: wrap;
min-width: 460px;
max-width: 460px;
background: white;
border: solid 1px #dddd;
padding: 11px;
flex: 1;
border-radius: var(--largeradius);
position: relative;
transition: 300ms all ease;
cursor: pointer;
}
.blog-item:hover {
border-color: var(--uicolor);
}
.container .blog-item {
min-width: 310px;
max-width: 333px;
}
.blog-thumb {
border-radius: var(--largeradius);
overflow: hidden;
width: 100%;
height: 245px;
background: #f7f7f7;
display: flex;
justify-content: center;
align-items: center;
}
.blog-thumb>img {
}
.blog-contint {
padding: 20px 7px;
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1;
}
.blog-contint .bp-content {
text-align: start;
font-size: 16px;
color: var(--secondarytext);
margin-bottom: 10px;
margin-top: 10px;
line-height: 1.4;
font-weight: 400;
flex: 1;
}
.blog-contint>.old-li {
font-size: 13px;
color: var(--secondarytext);
font-weight: 400;
display: flex;
align-items: baseline;
gap: 5px;
padding-bottom: 14px;
}
.blog-contint>.old-li i {
font-weight: 400;
}
.blog-contint>a {
font-size: 18px;
font-weight: 600;
line-height: var(--lheight);
color: var(--primary-text);
}
.post-category {
gap: 10px;
display: inline-flex;
padding: 9px 12px;
border-radius: var(--miniradius);
font-size: 15px;
font-weight: 500;
align-content: center;
align-items: center;
background: var(--uicolor);
border: 2px solid var(--uicolor);
color: var(--sp-fill);
flex-wrap: wrap;
transition: 180ms all ease;
}
.blog-item:hover .post-category {
background: rgb(var(--uicolor-code) / 3%);
color: var(--uicolor);
}
.blog_icone > i {
font-weight: 400;
}
@media only screen and (max-width: 1308px) {
.blog-item {
min-width:309px !important;
max-width: 100% !important;
flex: 1;
}
}
@media only screen and (max-width: 1322px) {
.-ather-lists .blog-item {
min-width:360px;
}
}
@media only screen and (max-width: 1152px) {
* {
}
.blog-contint .bp-content {
font-size: 13px;
margin-bottom: 11px;
}
.blog-contint {
padding: 9px 6px;
}
.blog-thumb {
height: 180px;
}
.blog-thumb>img {
height: 100%;
width: auto;
}
.grid-blog-posts {
gap: 10px;
}
.post-category {
padding: 8px 9px;
font-size: 13px;
}
.post-category>a {
font-size: 15px;
}
.blog-contint>a {
font-size: 15px;
}
.blog-contint .p-content {
text-align: start;
font-size: 16px;
}
.blog-item {
min-width: 205px !important;
flex: 1;
}
}