/*------------------------------------------------------------------------
# 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 {
 --mxtawe13-color: #FD8900;
 --white:#fff;
 --black:#860766;
 --heading-color:#010f34;
 --body-color:#788094;
 --ternary:#88a5ad;
 --gray:#f5f7fa;
 --border:#ecf1f5;
 --base:#fd5523
}

.text-caat {
 margin-left:10px
}			
.mos-img img {display: none !important;}

.blog-one,
.mx-awesome14 {
 position:relative;
 display:block
}
.mx-awesome14 {
 margin-bottom:30px
}
.mx-awesome14-img {
 position:relative;
 display:block;
 overflow:hidden
}
.mx-awesome14-img:before {
 background:hsla(0,0%,100%,.4);
 content:"";
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:0;
 opacity:1;
 z-index:1;
 pointer-events:none
}
.mx-awesome14:hover .mx-awesome14-img:before {
 height:100%;
 opacity:0;
 transition:all .4s linear
}
.mx-awesome14-img img {
 width:100%;
 transition:.5s ease;
 transform:scale(1.05)
}
.mx-awesome14:hover .mx-awesome14-img img {
 transform:scale(1)
}
.mx-awesome14-content {
 position:relative;
 display:block;
 padding-top:20px;
 margin-top:-77px;
 margin-right:15px;
 z-index:1
}
.mx-awesome14-content .date-box {
 position:absolute;
 top:0;
 right:15px;
 width:110px;
 height:76px;
 display:flex;
 align-items:center;
 justify-content:center;
 flex-direction:column;
 background:var(--base);
 color:var(--white);
 text-align: center;
 padding: 10px; 
 line-height: 1.2;
 z-index:5
}
.mx-awesome14-content .date-box:before {
 position:absolute;
 top:0;
 left:-15px;
 width:15px;
 border-bottom:20px solid #9c0d11;
 border-left:15px solid transparent;
 border-right:0 solid transparent;
 transition:all .2s linear;
 transition-delay:.1s;
 content:""
}

.mx-awesome14-content .date-box::first-line {
  font-size: 42px
}
.mx-awesome14-content-inner {
 position:relative;
 display:block;
 background:var(--white);
 box-shadow:0 0 35px 0 rgba(0,0,0,.05);
 padding:16px 35px 20px;
 z-index:2
}
.mx-awesome14-content-inner .meta-box {
 position:relative;
 display:flex;
 align-items:center;
 padding-bottom:14px;
 margin-bottom:13px
}
.mx-awesome14-content-inner .meta-box:before {
 position:absolute;
 left:-35px;
 bottom:0;
 right:-35px;
 height:2px;
 background:#f6f6f8;
 content:""
}
.mx-awesome14-content-inner .meta-box li {
 position:relative;
 display:flex;
 align-items:center;
 margin-right:40px
}
.mx-awesome14-content-inner .meta-box li:last-child {
 margin-right:0
}
.mx-awesome14-content-inner .meta-box li .icon {
 position:relative;
 display:block
}
.mx-awesome14-content-inner .meta-box li .icon span {
 position:relative;
 display:inline-block
}
.mx-awesome14-content-inner .meta-box li .icon span:before {
 position:relative;
 display:inline-block;
 color:var(--base);
 font-size:15px;
 line-height:15px
}
.mx-awesome14-content-inner .meta-box li .text-box {
 position:relative;
 display:block;
 margin-left:10px
}
.mx-awesome14-content-inner .meta-box li .text-box p {
 font-size:14px;
 line-height:24px;
 text-transform:capitalize
}
.mx-awesome14-content-inner .meta-box li .text-box p a {
 color:var(--gray)
}
.mx-awesome14-content-inner .meta-box li .text-box p a:hover {
 color:var(--base)
}
.mx-awesome14-content-inner h2 {
 font-size:26px;
 font-weight:700;
 margin-bottom:10px
}
.mx-awesome14-content-inner h2 a {
 color:var(--black)
}
.mx-awesome14-content-inner h2 a:hover {
 color:var(--base)
}
.mx-awesome14-content-inner p {
 margin:0
}
.mx-awesome14-content-inner .btn-box {
 position:relative;
 display:block;
 line-height:0;
 margin-top:17px
}
.mx-awesome14 .thm-btn {
 position:relative;
 display:inline-block;
 font-size:16px;
 line-height:50px;
 font-weight:700;
 background:var(--base);
 border-radius:7px;
 padding:1px 35px 0;
 overflow:hidden;
 text-transform:capitalize;
 transition:all .3s linear;
 z-index:1
}
.mx-awesome14 .thm-btn,
.thm-btn:hover {
 color:var(--white)
}
.mx-awesome14 .thm-btn i {
 position:relative;
 display:inline-block;
 font-size:15px;
 font-weight:700;
 top:1px;
 margin-left:5px
}
.mx-awesome14 .hover-btn {
 background-color:var(--black);
 height:100%;
 top:0;
 opacity:0;
 position:absolute;
 transform:scaleX(0);
 transition:all .5s ease 0s;
 width:25%;
 z-index:-1
}

.hover-bx {
 left:0;
 border-radius:7px 0 0 7px
}
.hover-bx,
.hover-bx2 {
 transition-delay:.105s
}
.hover-bx2 {
 left:25%
}
.hover-bx3 {
 left:50%;
 transition-delay:.105s
}
.hover-bx4 {
 left:75%;
 transition-delay:0s;
 border-radius:0 7px 7px 0
}
.thm-btn:hover .hover-btn {
 opacity:1;
 transform:scale(1)
}