.ova-blog-modern {
position: relative;
list-style-type: none;
padding: 0;
margin: 0;
display: grid;
gap: 30px;
}
.ova-blog-modern.column_2 {
grid-template-columns: 1fr 1fr;
}
.ova-blog-modern.column_3 {
grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 1024px) {
.ova-blog-modern.column_2, .ova-blog-modern.column_3 {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 600px) {
.ova-blog-modern.column_2, .ova-blog-modern.column_3 {
grid-template-columns: 1fr;
}
}
.ova-blog-modern.version_2 .item {
padding: 30px;
border: 2px solid #E6E8EE;
}
.ova-blog-modern.version_2 .item .post-meta {
margin: 30px 0 20px 0;
padding: 0;
background-color: transparent;
color: var(--primary);
justify-content: flex-start;
}
.ova-blog-modern.version_2 .item .item-meta .left {
color: var(--primary);
}
.ova-blog-modern.version_2 .item .item-meta .right {
color: var(--primary);
text-transform: capitalize;
}
.ova-blog-modern.version_2 .item .item-meta .right a {
color: var(--primary);
}
.ova-blog-modern.version_2 .item .item-meta .right a:hover {
color: var(--heading);
}
.ova-blog-modern.version_2 .item .content .post-title {
padding: 0;
border-bottom: 0;
}
.ova-blog-modern.version_2 .item .content .post-title a {
font-size: 24px;
}
.ova-blog-modern.version_2 .item .read-more {
padding: 13px 39px;
border: 2px solid #E6E8EE;
color: var(--heading);
}
.ova-blog-modern.version_2 .item .read-more .text-button {
text-decoration: none;
}
.ova-blog-modern.version_2 .item .read-more:hover {
color: #fff;
background-color: var(--primary);
border: 2px solid var(--primary);
}
.ova-blog-modern.version_3 .item .post-meta {
margin: 30px 0 20px 0;
padding: 0;
background-color: transparent;
color: var(--primary);
justify-content: flex-start;
}
.ova-blog-modern.version_3 .item .item-meta .left {
color: var(--primary);
}
.ova-blog-modern.version_3 .item .item-meta .right {
color: var(--primary);
text-transform: capitalize;
}
.ova-blog-modern.version_3 .item .item-meta .right a {
color: var(--primary);
}
.ova-blog-modern.version_3 .item .item-meta .right a:hover {
color: var(--heading);
}
.ova-blog-modern.version_3 .item .content .post-title {
margin: 2px 0 40px 0;
}
.ova-blog-modern.version_3 .item .content .post-title a {
font-size: 24px;
}
.ova-blog-modern.version_3 .item .read-more {
margin: 40px 0 0 0;
padding: 13px 39px;
border: 2px solid var(--heading);
color: var(--heading);
}
.ova-blog-modern.version_3 .item .read-more .text-button {
text-decoration: none;
}
.ova-blog-modern.version_3 .item .read-more:hover {
color: #fff;
background-color: var(--primary);
border: 2px solid var(--primary);
}
.ova-blog-modern .item:hover .media .box-img img {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
transform: scale(1.1);
}
.ova-blog-modern .item:hover .content .post-title a {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
text-decoration: underline;
}
.ova-blog-modern .item .media {
position: relative;
}
.ova-blog-modern .item .media .box-img {
position: relative;
overflow: hidden;
}
.ova-blog-modern .item .media .box-img img {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
display: block;
width: 100%;
height: 250px;
object-fit: cover;
}
.ova-blog-modern .item .post-meta {
list-style-type: none;
margin: 0 0 24px 0;
padding: 14px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
column-gap: 20px;
row-gap: 5px;
width: 100%;
background-color: var(--primary);
}
.ova-blog-modern .item .item-meta {
display: inline-flex;
align-items: center;
gap: 5px;
line-height: 1;
}
.ova-blog-modern .item .item-meta .left {
color: #fff;
}
.ova-blog-modern .item .item-meta .left i {
font-size: 14px;
}
.ova-blog-modern .item .item-meta .right {
font-size: 14px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
}
.ova-blog-modern .item .item-meta .right a {
color: #fff;
}
.ova-blog-modern .item .item-meta .right a:hover {
color: var(--heading);
}
.ova-blog-modern .item .content {
position: relative;
}
.ova-blog-modern .item .content .post-category .category {
font-weight: bold;
color: var(--text);
}
.ova-blog-modern .item .content .post-category .category:hover {
color: var(--primary);
}
.ova-blog-modern .item .content .post-title {
margin: 2px 0 20px 0;
padding: 0 0 20px 0;
border-bottom: 1px solid rgba(5, 26, 83, 0.1019607843);
}
.ova-blog-modern .item .content .post-title a {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
font-size: 22px;
color: var(--heading);
}
.ova-blog-modern .item .content .post-title a:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.ova-blog-modern .item .read-more {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
display: inline-flex;
align-items: center;
column-gap: 6px;
font-weight: bold;
color: var(--text);
}
.ova-blog-modern .item .read-more .text-button {
text-decoration: underline;
}
.ova-blog-modern .item .read-more:hover {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
color: var(--primary);
}
.ova-blog-modern .item .read-more:hover i {
color: var(--primary);
}
.ova-blog-modern .item .read-more i {
display: inline-flex;
}