<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/*------------------------------------------------------------------------
# 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 {
  --txttc-color: #7432ff;
}

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

.blog__item {
 padding-bottom:65px;
 position:relative
}
.blog__item__image {
 border-radius:5px;
 overflow:hidden
}
.blog__item__image img {
  min-height:300px;
 object-fit:cover;
 width:100%
}
.blog__item__main {
 bottom:0;
 box-shadow:2px 0 15px 5px rgba(1,6,33,.06);
 left:30px;
 margin-bottom:15px;
 padding:32px 28px 22px;
 position:absolute;
 right:30px;
 -webkit-transform-origin:bottom center;
 transform-origin:bottom center;
 transition:.3s cubic-bezier(.24,.74,.58,1);
 z-index:99
}
@media only screen and (max-width:575px) {
 .blog__item__main {
  left:20px;
  right:20px
 }
}
.blog__item__main:before {
 background-color:#fff;
 bottom:0;
 -webkit-clip-path:polygon(0 11%,100% 0,100% 100%,25% 100%,0 100%);
 clip-path:polygon(0 11%,100% 0,100% 100%,25% 100%,0 100%);
 content:"";
 height:100%;
 left:0;
 position:absolute;
 transition:.3s cubic-bezier(.24,.74,.58,1);
 width:100%;
 z-index:-1
}
.blog__item__main:hover .blog__item__hover {
 opacity:1;
 -webkit-transform:scaleY(1);
 transform:scaleY(1)
}
.blog__item__main ul {
 align-items:center;
 display:flex;
 flex-wrap:wrap;
 padding-left: 0px;
 gap:3px
}
.blog__item__main ul li {
 align-items:center;
 color:#161e2e;
 display:flex;
 gap:5px
}
.blog__item__main ul li i {
 color:#7432ff
}
.blog__item__main ul li a {
 color:#161e2e
}
.blog__item__main__title {
  font-size:24px;
 font-weight: 700;
 margin-top:10px
}
.blog__item__main__title a {
 color:#161e2e
}
.blog__item__hover {
 color:#fff;
 left:30px;
 opacity:0;
 padding:45px 20px 20px;
 right:30px;
 -webkit-transform:scaleY(0);
 transform:scaleY(0);
 -webkit-transform-origin:bottom center;
 transform-origin:bottom center;
 z-index:99
}
.blog__item__hover,
.blog__item__hover:before {
 bottom:0;
 position:absolute;
 transition:.3s cubic-bezier(.24,.74,.58,1)
}
.blog__item__hover:before {
 background-color:#161e2e;
 -webkit-clip-path:polygon(0 11%,100% 0,100% 100%,25% 100%,0 100%);
 clip-path:polygon(0 11%,100% 0,100% 100%,25% 100%,0 100%);
 content:"";
 height:100%;
 left:0;
 opacity:.9;
 width:100%;
 z-index:-1
}
.blog__item__hover__title {
 font-size:24px;
 font-weight: 700;
}
.blog__item__hover__title a {
 color:#fff
}
.blog__item__hover p {
 line-height:1.5;
 margin-top:10px
}
.blog__item__hover .btn__primary {
 border-radius:3px;
 font-size:14px;
 letter-spacing:0;
 margin-top:20px;
 padding:5px 20px
}
.blog__item__hover .btn__primary:hover span {
 color:#161e2e
}
.blog__item__hover .btn__primary:before {
 background:#fff
}
.blog__item:hover .blog__item__main {
 opacity:0;
 -webkit-transform:scaleY(0);
 transform:scaleY(0)
}
.blog__item:hover .blog__item__hover {
 opacity:1;
 -webkit-transform:scaleY(1);
 transform:scaleY(1)
}
.blog__item__hover .btn__primary {
 background-color: var(--txttc-color);
 border-radius:8px;
 color:#fff;
 cursor:pointer;
 display:inline-block;
 font-weight:600;
 letter-spacing:.5px;
 line-height:30px;
 overflow:hidden;
 padding:10px 30px;
 position:relative;
 text-align:center;
 text-decoration:none;
 text-transform:capitalize;
 transition:all .3s ease
}
.blog__item__hover .btn__primary span {
 color:#fff;
 position:relative;
 transition:all .8s;
 z-index:2
}
.blog__item__hover .btn__primary:hover span {
 color:#fff
}
.blog__item__hover .btn__primary:after,
.blog__item__hover .btn__primary:before {
 bottom:0;
 content:"";
 position:absolute;
 top:0;
 transition:all .6s ease
}
.blog__item__hover .btn__primary:before {
 background:#161e2e;
 border-right:30px solid transparent;
 left:-3px;
 right:-100%;
 -webkit-transform:translateX(-100%);
 transform:translateX(-100%)
}
.blog__item__hover .btn__primary:hover:before {
 -webkit-transform:translateX(-40%);
 transform:translateX(-40%)
}
.blog__item__hover .btn__primary:hover:after {
 -webkit-transform:translateX(40%);
 transform:translateX(40%)
}</pre></body></html>