/*------------------------------------------------------------------------
# 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:#010f34;
 --heading-color:#010f34;
 --body-color:#788094;
 --ternary:#88a5ad;
 --gray:#f5f7fa;
 --border:#a5b2bd;
}

.fix-padd-13 {
  position: relative;
  margin: 10px;
  background: white;
  padding: 11px;
  border-radius: 17px;
}

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

.mx-awesome13 {
 border-radius:10px;
 border:1px solid var(--border)
}
.mx-awesome13 .mx_post_thumb_wrap {
 padding:0 0 15px 14px;
 width:100%;
 border-width:1px;
 border-left:1px solid var(--border);
 border-bottom:1px solid var(--border);
 border-right:0 solid var(--border);
 border-top:0 solid var(--border);
 background-color:#fff;
 border-radius:0 0 0 10px;
 margin-top:-1px;
 margin-left:1px
}
.mx_semibold {
  font-weight: 600;
  font-size: 26px;
  margin: 5px 0px;
}
.mx-awesome13 .mx_post_thumb_wrap img {
 border-radius:0 11px 0 10px
}
.mx-awesome13 .mx_post_thumb {
 display:block;
 overflow:hidden;
 position:relative;
 height:235px
}
.mx-awesome13 .mx_post_thumb img {
 height:100%;
 width:100%;
 object-fit:cover
}
.mx-awesome13 .mx_post_thumb:before {
 content:"";
 position:absolute;
 height:100%;
 width:100%;
 left:0;
 top:0;
 background:-webkitGradient(linear,left bottom,left top,from(var(--mxtawe13-color)),to(rgba(1,15,52,.1)));
 background:linear-gradient(0deg,var(--mxtawe13-color) 0,rgba(1,15,52,.1) 100%);
 border-radius:0 10px 0 10px;
 opacity:0;
 transition:all .4s ease
}
.mx-awesome13 .mx_post_thumb:hover:before {
 opacity:.5
}
.mx-awesome13 .mx_post_thumb_out {
 position:relative;
 padding-left:40px
}
.mx-awesome13 .mx_post_info {
 padding:20px 30px 15px
}
@media (max-width:1400px) {
 .mx-awesome13 .mx_post_info {
  padding:20px 20px 25px
 }
}
.mx-awesome13 .mx_post_info h2,
.mx-awesome13 .mx_post_info p {
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkitLineClamp:2;
 -webkit-box-orient:vertical
}
.mx-awesome13 .mx_post_info h2 a{
color: var(--heading-color);
}
.mx-awesome13 .mx_post_info h2 a:hover{
color: var(--mxtawe13-color);
}
.mx-awesome13 .mx_posted_by {
 position:absolute;
 writing-mode:vertical-lr;
 transform:rotate(180deg) translateY(50%);
 left:4px;
 top:50%;
 display:flex;
 align-items:center;
 gap:10px;
 font-size: 20px;
 line-height: 1.417em;
 font-weight: 600;
 white-space:nowrap
}
.mx-awesome13 .mx_posted_by i {
 transform:rotate(-90deg);
 color:var(--mxtawe13-color)
}
.mx-awesome13 .mx_text_btn {
 margin-top:15px;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 color: var(--heading-color);
 font-weight: 700;
 font-size: 16px;
 line-height: 1.625em;
 text-transform: uppercase !important;
 transition: all .3s ease;
}
.mx-awesome13 .mx_text_btn:hover {
 color: var(--mxtawe13-color);
  letter-spacing:.8px
}
.mx-awesome13 .mx_post_admin {
 display:flex;
 align-items:center;
 gap:15px;
  color: var(--body-color);
 line-height:1.4em
}
.mx-awesome13 .mx_post_admin i {
 color: #FF5500;
}
.mx-awesome13 hr {
  margin: 0;
  padding: 0;
  border: none;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: medium;
  border-top: 1px solid var(--border);
  opacity: 1;
}
.mx-awesome13 .mx_post_admin_img {
 border:3px solid #b5b5b5;
 height:56px;
 width:56px;
 border-radius:50%;
 flex:none;
 object-fit:cover
}
.mx-awesome13 .mx_post_meta {
 display:flex;
 align-items:center;
 gap:25px
}
@media (max-width:400px) {
 .mx-awesome13 .mx_post_meta {
  gap:15px
 }
}
.mx-awesome13 .mx_post_comment {
 display:flex;
 align-items:center;
 gap:10px;
 position:relative;
 padding-left:25px
}
.mx-awesome13 .mx_post_comment a{
 color: var(--body-color);
}
.mx-awesome13 .mx_post_comment a:hover{
color: var(--mxtawe13-color);
}
@media (max-width:400px) {
 .mx-awesome13 .mx_post_comment {
  padding-left:15px
 }
}
.mx-awesome13 .mx_post_comment:before {
 content:"";
 height:20px;
 width:1px;
 background-color:var(--border);
 position:absolute;
 left:0;
 top:2px
}
.mx-awesome13 .mx_post_comment i {
 color:var(--mxtawe13-color)
}