/*------------------------------------------------------------------------
# mod_mx_awoseme-news-5 Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2020 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.mos-img img {display: none !important;}
.awoseme-news-5 {
width: 100%;
display: inline-block;
border-radius: 6px;
-webkit-box-shadow:1px 2px 10px -2px rgba(0,0,0,0.1);
box-shadow:1px 2px 10px -2px rgba(0,0,0,0.1);
}
.awoseme-news-5::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;}
.awoseme-news-5 .item {
padding: 0;
background: #fff;
position: relative;
width: 100%;
height: 400px;
border-radius: 6px;
overflow: hidden;
display: inline-block;
text-align: center; }

.awoseme-news-5 .item:hover .item_img::before {
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 0; }
.awoseme-news-5 .item p{ padding: 1px 5%; }
.awoseme-news-5 .item:hover p, .awoseme-news-5 .item:hover a, .awoseme-news-5 .item:hover h4 a, .awoseme-news-5 .item:hover ul {
color: #fff !important;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.76); }

.awoseme-news-5 .item:hover  .mos-img{
color: #fff !important; }

.awoseme-news-5 .item .item_img {
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
overflow: hidden; }
.awoseme-news-5 .item .item_img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top; }
.awoseme-news-5 .item .item_img::before {
content: '';
position: absolute;
z-index: 1;
width: 150px;
height: 150px;
top: 50px;
left: calc(50% - 75px);
border-radius: 50%;
box-shadow: 0 0 0 500px #fff;
transition: border-radius 0.4s, width 0.4s, height 0.4s, top 0.4s, left 0.4s; }
.awoseme-news-5 .item .item_content {
position: absolute;
z-index: 1;
bottom: 0px;
width: 100%;
padding: 0px 20px; }

.awoseme-news-5 .color_white {
color: #fff !important; }

.awoseme-news-5 .item ul {
position: absolute;
z-index: 100;
width: 100%;
top: 10px;
margin: 0 0 5px 5px;
}
.awoseme-news-5 .item ul a {
text-decoration: underline;
}
.awoseme-news-5 .item h4 {
font-size: 28px;
line-height: 30px;
text-transform: uppercase;
font-weight: bold;
}
.awoseme-news-5 .item ul li {
display: inline-block;
margin-right: 20px;
line-height: 26px;
}

.awoseme-style5 a.more-link {
width: 50px;
height: 50px;
margin-top: 20px;
padding: 12px 20px;
font-size: 18px;
background: #333;
color: #ffffff;
line-height: 50px;
border-radius: 50%;
text-align: center;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.awoseme-style5  a.more-link:hover {
opacity: 0.80;
width: 100%;
padding: 12px 48%;
border-radius: 1%;
}
.awoseme-news-5 .item:hover .item_content {
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.57) 54%, rgba(0,0,0,0.57) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(54%, rgba(0,0,0,0.57)), color-stop(100%, rgba(0,0,0,0.57)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.57) 54%, rgba(0,0,0,0.57) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.57) 54%, rgba(0,0,0,0.57) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.57) 54%, rgba(0,0,0,0.57) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.57) 54%, rgba(0,0,0,0.57) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );

}