/*------------------------------------------------------------------------
# mod_mx_awoseme-news 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
-------------------------------------------------------------------------*/

:root {
	--mxttcl-color: #68686f;
}
.mos-img img {display: none !important;}

.mx-awesome11 {
 background-color:#fff;
 position:relative
}
.mx-awesome11__image {
 overflow:hidden;
 position:relative
}
.mx-awesome11__image>img {
 -webkit-transform:scale(1);
 transform:scale(1);
 transition:-webkit-transform .5s ease;
 transition:transform .5s ease;
 transition:transform .5s ease,-webkit-transform .5s ease;
 width:100%
}

.mx-awesome11__image>a:after,
.mx-awesome11__image>a:before {
 background-color:#fff;
 content:"";
 display:block;
 height:2px;
 left:50%;
 position:absolute;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 width:32px
}
.mx-awesome11__image>a:after {
 -webkit-transform:translate(-50%,-50%) rotate(90deg);
 transform:translate(-50%,-50%) rotate(90deg)
}
.mx-awesome11:hover .mx-awesome11__image>a {
 opacity:1;
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
.mx-awesome11:hover .mx-awesome11__image>img {
 -webkit-transform:scale(1.05);
 transform:scale(1.05)
}
.mx-awesome11__content {
 background-color:#fff;
 border:1px solid #f2ede9;
 border-top:0;
 padding:30px 25px;
 position:relative;
 text-align:center;
 transition:all .5s ease-out
}
.mx-awesome11:hover .mx-awesome11__content {
 box-shadow:0 10px 30px 0 rgba(0,0,0,.07)
}
.mx-awesome11__title {
 color:#1c1c27;
 font-size:24px;
 font-weight:700;
 margin:4px 0 11px
}
.mx-awesome11__title a {
 color:inherit;
 transition:all .5s ease
}
.mx-awesome11__title a:hover {
 color:#e63a27;
}
.mx-awesome11__text {
 margin:0 0 31px
}
.mx-awesome11__date {
 align-items:center;
 background-color:#e63a27;
 bottom:0;
 color:#fff;
 display:flex;
 flex-direction:column;
 font-size:12px;
 font-weight:700;
 height:40px;
 justify-content:center;
 letter-spacing:.2em;
 position:absolute;
 right:0;
 text-align:center;
 text-transform:uppercase;
 width:200px;
 z-index:10
}
.mx-awesome11__date span {
 display:block;
 font-size:20px;
 letter-spacing:0;
 margin-bottom:1px
}
.mx-awesome11__meta {
 align-items:center;
 display:flex;
 justify-content:center;
 margin-top:-6px
}
.mx-awesome11__meta a, .mx-awesome11__meta {
 align-items:center;
 color:var(--mxttcl-color);
 display:flex;
 font-size:14px;
 font-weight:400;
 transition:all .5s ease
}
.mx-awesome11__meta a:not(:last-child):after {
 content:"/";
 margin-left:9px;
 margin-right:9px
}
.mx-awesome11__meta a i, .mx-awesome11__meta i {
 margin-right:5px
}
.mx-awesome11__meta a i, .mx-awesome11__meta i,
.mx-awesome11__meta a:hover {
 color:#e63a27;
}
.mx-awesome11__link,
.mx-awesome11__meta a:hover i {
 color:#1c1c27;
}
.mx-awesome11__link {
 align-items:center;
 background-color:#f2ede9;
 display:flex;
 font-size:12px;
 font-weight:700;
 justify-content:center;
 letter-spacing:.2em;
 padding:13.75px 0;
 text-transform:uppercase;
 transition:all .5s ease;
 width:100%
}
.mx-awesome11:hover .mx-awesome11__link,
.mx-awesome11__link:hover {
 background-color:#1c1c27;
 color:#fff
}
.mx-awesome11__image>a {
 align-items:center;
 background-color:rgba(28, 28, 39,.4) !important;
 display:flex;
 height:100%;
 justify-content:center;
 left:0;
 opacity:0;
 position:absolute;
 top:0;
 -webkit-transform:translateY(-20%);
 transform:translateY(-20%);
 transition:opacity .5s ease,-webkit-transform .5s ease;
 transition:opacity .5s ease,transform .5s ease;
 transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease;
 width:100%
}