/*------------------------------------------------------------------------
# mod_mx_course Extension
# ------------------------------------------------------------------------
# author    mixwebtemplates
# copyright Copyright (C) 2019 mixwebtemplates.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.mixwebtemplates.com
-------------------------------------------------------------------------*/
:root {
 --color-custom: #369;
}
.la-member{
  position: relative;
}
.trend-item {
 position:relative;
 transition:all ease-in-out .5s;
 overflow:hidden
}
.trend-item h4 {
 font-weight:600;
 text-transform:capitalize;
 margin:0 0 16px;
 color:#0a1c1f;
 line-height:1.4
}
.trend-item h4 a{
 color:#0a1c1f;
 transition:all ease-in-out .5s;
 cursor:pointer;
 text-decoration:none;
 background:linear-gradient(to right,#f2b241,#f2b241);
 background-position:left 87%;
 background-repeat:no-repeat;
 background-size:0 2px;
 padding-bottom:4px
}

.trend-item h4 a:hover,
.trend-item h4 a:focus {
 text-decoration:none;
 color:#0a1c1f;
 transition:all ease-in-out .5s;
 outline:none;
 text-decoration:none!important;
 background-size:100% 2px
}

.trend-item .trend-image {
 position:relative
}
.trend-item .trend-image .trend-meta,
.trend-item .trend-image p.flash {
 position:absolute;
 bottom:20px;
 left:0;
 width:90%;
 right:0;
 margin:0 auto;
 background:#fff;
 padding:12px
}
.trend-item .trend-image p.flash {
 bottom:inherit;
 top:0;
 width:max-content;
 display:inline-block;
 left:20px;
 right:inherit
}
.trend-item .trend-image,
.trend-item .trend-image1 {
 transition:all ease-in-out .5s
}
.trend-item:hover {
 transition:all ease-in-out .5s;
 transform:translateY(-10px)
}
.trend-item:hover::before {
 transition:all ease-in-out .5s;
 width:100%
}
.trend-image1 {
 position:relative;
 height:100%;
 overflow:hidden;
 transition:all ease-in-out .5s
}
.trend-image1>a {
 background-size:cover;
 height:100%;
 width:100%;
 background-position:center;
 display:inline-block;
 transition:all ease-in-out .5s
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
.pb-2, .py-2 {
  padding-bottom: 1rem !important;
}
.pt-2, .py-2 {
  padding-top: 1rem !important;
}
.bg-theme1 {
  background: #0a1c1f !important;
}
.pt-1, .py-1 {
  padding-top: .5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.bg-theme2 {
  background: #f2b241 !important;
}
.theme {
  color: #2db838 !important;
}
h5 {
  font-size: 18px;
  border-left: 2px solid #2db838;
  padding-left: 10px;
}
.border-b {
  border-bottom: 1px dashed #f1f1f1 !important;
}
.pb-1 {
  padding-bottom: .25rem !important;
}
.mb-2 {
  margin-bottom: .5rem !important;
}
.me-2 {
  margin-right: .5rem !important;
}
.align-items-center {
  align-items: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.trend-item .d-block {
  display: block !important;
}
.trend-item ul li {
  margin-bottom: 0;
  line-height: 1.5;
  color: #777;
  position: relative;
  display: inline-block;
  padding: 0;
}
.entry-author p {
  font-size: 30px;
}
.trend-item .d-flex {
  display: flex !important;
}
.white {
  color: #fff !important;
}
.bg-grey {
  background: #f1f1f1 !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.p-3 {
  padding: 1rem !important;
    padding-right: 1rem;
    padding-left: 1rem;
}
.p-4 {
  padding: 1.5rem !important;
}
.trend-item ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
@media(max-width:767px) {
 .trend-item .trend-image1 {
  height:340px;
  margin-bottom:1rem
 }
}
@media(max-width:400px) {
 .trend-item .trend-image .trend-meta {
  position:relative;
  display:block!important;
  text-align:center
 }
 .trend-item .trend-image .trend-meta .entry-author {
  margin-bottom:15px
 }
}
.entry-author img {
 width:36px!important;
 height:36px!important;
 display:inline-block!important
}

.trend-item {
  position: relative;
  transition: all ease-in-out .5s;
  overflow: hidden;
  background-color: #fff;
}
.box-shadow {
  box-shadow: 0 0 15px #cccccc37;
}
.bg-white {
  background: #fff !important;
}
 
  .crs-badge li .soldout-badge {
    background-color: var(--color-custom); }    

.xs-ratting-content{color: var(--color-custom);}
.xs-ratting-content .review {font-size: 15px;  }