/*// Recent news post //*/
.recent-news-post {
position: relative;
}

.recent-news-post:hover .recent-news-post__img {
overflow: hidden;
}

.recent-news-post:hover .recent-news-post__img img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}

.recent-news-post:hover .recent-news-post__content {
background-color: #f8f8f8;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}

.recent-news-post:hover .share-icon i {
color: #80858b;
}

.recent-news-post:hover .recent-news-user__text {
color: #80858b;
}

.recent-news-post:hover .recent-news-post__meta {
border-top: 1px solid #d4d5d7;
}

.recent-news-post:hover .recent-news-post__meta-category {
color: #80858b;
}

.recent-news-post:hover .recent-news-post__meta-category:hover {
color: #ccbd99;
}

.recent-news-post:hover .recent-post-divider {
background: #80858b;
}

.recent-news-post:hover .recent-news-post__meta-date {
color: #80858b;
}

.recent-news-post:hover .recent-news-post__front-block {
bottom: -100%;
-webkit-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}

.recent-news-post:hover .recent-news-post__backend-block {
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

.recent-news-post:hover .recent-news-post__backend-block .recent-news-post__title {
color: #272b2e;
}

.recent-news-post__img {
margin: 0;
position: relative;
overflow: hidden;
}

.recent-news-post__img::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(46, 51, 54, 0.4);
z-index: 10;
}

.recent-news-post__img img {
width: 100%;
display: block;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}

.recent-news-post__content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding: 5%;
-webkit-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
z-index: 20;
}
.recent-news-post__padd {	
margin: 0px;
}
.recent-news-user {
margin-bottom: 15px;
padding-top: 15px;
}

.recent-news-user__img {
margin: 0 5px 0 0;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
display: inline-block;
vertical-align: middle;
}

.recent-news-user__img a {
display: block;
}

.recent-news-user__img a img {
display: block;
}

.recent-news-user__text {
font-size: 12px;
font-weight: 600;
color: #fff;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}

.recent-news-user__text a {
color: inherit;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}

.recent-news-user__text a:hover {
color: #ccbd99;
}

.recent-news-post__text p {
font-size: 16px;
line-height: 1.5;
}

.recent-news-post__front-block {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}

.recent-news-post__title {
font-family: 'times', 'Arial', sans-serif;
font-size: 27px;
line-height: 1.4;
color: #fff;
font-weight: 400;
margin-bottom: 10px;
}

.recent-news-post__title a {
color: inherit;
text-decoration: none;
}

.recent-news-post__title a:hover {
color: #ccbd99;
}

.recent-news-post__backend-block {
height: 100%;
visibility: collapse;
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}

.recent-news-post__text-wrapp {
height: 100%;
position: relative;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}

.recent-news-post__text-position {
position: absolute;
left: 0;
width: 100%;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
}

.recent-news-post__meta {
border-top: 1px solid rgba(255, 255, 255, 0.3);
color: #fff;
line-height: 40px;
padding-top: 10px;
-webkit-transition: 0.5s all;
-o-transition: 0.5s all;
transition: 0.5s all;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}

.recent-news-post__meta a {
color: #fff;
}

.recent-news-post__meta-category {
font-size: 12px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
text-decoration: none;
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}

.recent-news-post__meta-date {
font-size: 12px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
display: inline-block;
vertical-align: middle;
margin: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}

.recent-news-post-dv {
color: #fff;
}

.recent-post-divider {
display: inline-block;
vertical-align: middle;
height: 10px;
width: 1px;
background: #fff;
margin: 0 4px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}

.share-icon-wrapp {
float: right;
position: relative;
text-align: center;
}

.share-icon-wrapp:hover .share-list {
opacity: 1;
visibility: visible;
}

.share-icon {
display: inline-block;
vertical-align: middle;
font-size: 20px;
cursor: pointer;
}

.share-icon i {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
