.mos-img img {display: none !important;}

:root {
 --theme-color: #ff0000;
 --secondary-color: #001a71;
 --title-color: #000000;
 --body-color: #555555;
 --smoke-color: #f3f5fc;
 --light-color: #d3d3d3;
 --black-color: #000000;
 --white-color: #000000b8;
}

.blog-style2 .blog-img {
 overflow:hidden;
 border-radius:0px
}
.blog-style2 .blog-img img {
 width:100%
}
.blog-style2 .blog-date {
 margin:-17.5px 0px 24px 0px
}
.blog-style2 .blog-date {
 display:table-caption;
 font-size:10px;
 padding:10px 10px 10px 10px;
 font-weight:700;
 line-height:1;
 background-color:var(--theme-color);
 color:var(--white-color);
 border-radius:7px;
 text-transform:uppercase
}

.blog-style2 .blog-meta {
 margin:0px 0px 10px 0px
}
.blog-style2 .blog-meta a {
 color:#555;
 display:inline-block;
 font-size:14px;
 margin-right:10px
}
.blog-style2 .blog-meta a i {
 color:var(--theme-color)
}
.blog-style2 .blog-title {
 font-weight:500;
 font-size:11px;
 margin: -10px 0px 0px 0px
}
.blog-style2 .icon-btn {
 position:absolute;
 left:0;
 bottom:0;
 transform:translateX(60px);
 opacity:0;
 visibility:hidden
}
.blog-style2 .blog-body {
 background-color:var(--black-color);
 padding:2px 20px 20px 20px;
 margin:-25px 20px 0 20px;
 position:relative;
 z-index:1;
 border-radius:12px;
 transition:all ease .4s
}
.blog-style2 .blog-content {
 overflow:hidden;
 position:relative;
 transition:all ease .4s;
 padding-bottom:0
}
.blog-style2 .icon-btn {
 display:inline-block;
 border:none;
 padding:0;
 width:var(--btn-size, 50px);
 height:var(--btn-size, 50px);
 line-height:var(--btn-size, 50px);
 font-size:var(--btn-font-size, 18px);
 background-color:var(--icon-bg, #ffffff);
 color:var(--title-color);
 text-align:center;
 border-radius:50%;
 transition:all ease .4s
}
.blog-style2 .icon-btn.style2 {
 border:1px solid #e0e0e0;
 background-color:rgba(0,0,0,0)
}
.blog-style2.layout2 .blog-body {
 border:1px solid #e0e0e0
}
.blog-style2:hover .icon-btn {
 transform:translateX(0);
 opacity:1;
 visibility:visible
}
.blog-style2:hover .blog-body {
 margin-top:-65px;
 background-color:var(--white-color);
 border-color:rgba(0,0,0,0)
}
.blog-style2:hover .blog-content {
 padding-bottom:40px
}
.blog-style2:hover .blog-meta, .blog-style2:hover .blog-meta a, .blog-style2:hover .mos-img {
 color:#e3e3e3
}
.blog-style2:hover .blog-meta a:hover {
 color:var(--theme-color)
}
.blog-style2:hover .blog-title a {
 color:var(--black-color)
}
.blog-style2:hover .blog-title a:hover {
 color:var(--theme-color)
}