@charset "utf-8";
/* Latest News CSS Document */
.news-box { position:relative; margin:15px 0; display:block; border:1px solid #aeaeae;}
.news-inner { width:100%; position:relative; padding:40px 30px; display:inline-block; vertical-align:middle; -webkit-clip-path:inset(0 0 0 0); clip-path:inset(0 0 0 0); -webkit-transition:all 1.25s cubic-bezier(.01, .71, .26, .94); transition:all 1.25s cubic-bezier(.01, .71, .26, .94); background-size:cover !important; background-position:50% 0% !important;}
.news-inner:before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0, 0, 0, 0.7);}
.news-inner:after { content:''; position:absolute; top:0; left:0; right:-1px; bottom:0; background-color:#ffffff; z-index:1; -webkit-transition:all .4s; transition:all .4s;}

.news-info { position:relative; z-index:7;}
.news-info h3 { margin-bottom:15px; position:relative; font-weight:400; font-size:24px;}
.news-info h3 a { position:relative; color:#101010; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;}

.post-meta { display:inline-block; position:relative; font-size:15px; margin-bottom:15px;}
.post-meta span { margin-right:15px; color:#9c5451;}
.post-meta span a, .post-date-meta span a { color:#9c5451;}
.post-meta span i { margin-right:7px; font-weight:500; color:#9c5451;}
.post-meta span.post-comnt { margin-right:0;}
.post-meta span a:hover, .post-date-meta span a:hover { color:#ffffff;}

.post-date-meta { display:inline-block; position:relative; font-size:15px; margin-bottom:15px;}
.post-date-meta span { margin-right:15px; color:#9c5451;}
.post-date-meta span i { margin-right:7px; font-weight:500; color:#9c5451;}
.post-date-meta span.post-cate { margin-right:0;}

.news-box:hover .news-inner { -webkit-clip-path:inset(15px 15px 15px 15px); clip-path:inset(15px 15px 15px 15px);}
.news-box:hover .news-inner:after { opacity:0;}
.news-box:hover .news-info h3 a, .news-box:hover .news-info p { color:#ffffff;}