:root {
 --brg17-color: #f65024;
 --txt17-color: #f65024;
}


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

.blog-style17 .blog-img {
 overflow:hidden;
 border-radius:12px
}
.blog-style17 .blog-img img {
 width:100%
}
.blog-style17 .blog-date {
 margin:-17.5px 0 10px 0
}
.blog-style17 .blog-date p{
 display:inline-block;
 margin:-37px 0 24px 0;
 font-size:14px;
 padding:10.5px 20px;
 font-weight:700;
 line-height:1;
 background-color: var(--brg17-color);
 color: #fff;
 border-radius:7px;
 text-transform:uppercase
}
.blog-style17 .blog-date p:hover {
 background-color: #fff;
 color:var(--brg17-color)
}
.blog-style17 .blog-meta {
 margin:0 0 12px 0
}
.blog-style17 .blog-meta a, .blog-style17 .blog-meta {
 color:#555;
 display:inline-block;
 font-size:14px;
 margin-right:10px
}
.blog-style17 .blog-meta a i, .blog-style17 .blog-meta i {
 color:var(--brg17-color)
}
.blog-style17 .blog-title {
 font-weight:500;
 font-size:22px;
 margin:0
}
.blog-style17 .icon-btn {
 position:absolute;
 left:0;
 bottom:0;
 transform:translateX(60px);
 opacity:0;
 visibility:hidden
}
.blog-style17 .blog-body {
 background-color:#fff;
 padding:.1px 35px 30px 35px;
 margin:-35px 20px 0 20px;
 position:relative;
 z-index:1;
 border-radius:12px;
 border: 1px solid #e0e0e0;
 transition:all ease .4s
}
.blog-style17 .blog-content {
 overflow:hidden;
 position:relative;
 transition:all ease .4s;
 padding-bottom:0
}
.blog-style17.layout2 .blog-body {
 border:1px solid #e0e0e0
}
.blog-style17:hover .icon-btn {
 transform:translateX(0);
 opacity:1;
 visibility:visible
}
.blog-style17:hover .blog-body {
 margin-top:-104px;
 background-color: #222;
 border-color:rgba(0,0,0,0)
}
.blog-style17:hover .blog-meta {
 color:#fff
}
.blog-style17:hover .blog-content {
 padding-bottom:70px
}
.blog-style17:hover .blog-meta a {
 color:#e3e3e3
}
.blog-style17:hover .blog-meta a:hover {
 color:var(--brg17-color)
}
.blog-style17:hover .blog-title, .blog-style17:hover .blog-title a, .blog-style17:hover .mos-img {
 color:#fff
}
.blog-style17:hover .blog-title a:hover {
 color:var(--brg17-color)
}
.blog-style17 .icon-btn {
 display:inline-block;
 border:none;
 padding:0;
 width:50px;
 height:50px;
 line-height:50px;
 font-size:18px;
 background-color:#ffffff;
 color: #333;
 text-align:center;
 border-radius:50%;
 transition:all ease .4s
}
.blog-style17 .icon-btn.style4 {
 background-color:#444;
 color: #fff
}

.blog-style17 .icon-btn:hover {
 border-color:rgba(0,0,0,0);
 box-shadow:none;
 background-color:var(--brg17-color);
 color:#fff
}
.fields-container {
  margin: 3px 0px
}
.fields-container li, .field-entry {list-style: none;  color: #111; display: inline-block;background: rgba(225, 225, 225, 0.5); margin-bottom: 0px;padding: 2px 10px; border: 1px solid rgba(155, 155, 155, 0.2) }