/*------------------------------------------------------------------------
# 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;
}
.la-member .cource-width .course__content-wrapper {
position: relative;
height: 100%;
border-radius: 10px;
margin-top: 15px;
background-color: #ffffff;
box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.08);
transition: 0.3s; }
.la-member .cource-width:hover .course-content .course-instructor {
color: #777777; }
.la-member .cource-width:hover .course-content .course-divider {
background: rgba(0, 0, 0, 0.1); }
.la-member .cource-width:hover .course-content .xs-ratting-content,
.la-member .cource-width:hover .course-content .course-meta.grid > span,
.la-member .cource-width:hover .course-content .course-meta.grid > button {
color: #969696; }
.la-member .cource-width:hover .course-content .xs-ratting-content,
.la-member .cource-width:hover .course-content p,
.la-member .cource-width:hover .course-content .course-info .course-title{
color: #333; }
.la-member .cource-width:hover .course-content .course-students:before,
.la-member .cource-width:hover .course-content .course-numbers:before {
color: var(--color-custom); }
.la-member .cource-width:hover .course-content:after,
.learnpress-page .learn-press-courses .course:hover .course-content:after {
background: #ffffff; }
.la-member .cource-width .course-thumbnail,
.learnpress-page .learn-press-courses .course .course-thumbnail {
position: relative;
margin-bottom: 0px; }
.la-member .cource-width .course-thumbnail,
.la-member .cource-width .course-thumbnail img {
border-radius: 10px; }
.la-member .cource-width .course-thumbnail:before, .la-member .cource-width .course-thumbnail:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: inherit;
transition: 0.6s; }
.la-member .cource-width .course-thumbnail:before{
content: '';
background-color: rgba(17, 17, 17, 0.4); }
.la-member .cource-width .course-thumbnail .img-placeholder {
height: 250px; }
.la-member .cource-width .cat-links {
display: flex;
flex-wrap: wrap;
position: absolute;
z-index: 1;
top: -15px;
right: 30px;
font-size: 0;
line-height: 1; }
.la-member .cource-width .cat-links a {
margin-top: 0px;
margin-bottom: 25px;
border-radius: 5px;
padding: 8px 11.25px;
font-size: 14px;
font-weight: 600;
color: #ffffff;
transition: 0.3s; 
background-color: var(--color-custom);
}
.la-member .cource-width .course-content p {
margin-top: 0px;
margin-bottom: 10px;
font-size: 15px;
font-weight: 500;
color: #ffffff;
transition: 0.3s; 
}
.la-member .cource-width .cat-links a:not(:last-child) {
margin-right: 10px; }
.la-member .cource-width .course-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
padding: 0 30px;
overflow: hidden; }
.la-member .cource-width .course-content:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
height: calc(100% - 17px);
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
background: transparent;
transition: 0.4s; }
.la-member .cource-width .course-info .course-instructor {
float: none;
margin-bottom: 8px;
font-size: 16px; }
.la-member .cource-width .course-info .course-instructor {
color: #efefef; }
.la-member .cource-width .course-info .course-instructor__img img {
display: block;
width: 34px;
height: 34px;
margin-bottom: 6px;
border: 2px solid #ffffff;
border-radius: 50%; }
.la-member .cource-width .course-info .course-title {
margin-bottom: 22px;
font-size: 19px;
line-height: 1.579;
font-weight: 800;
color: #ffffff;
transition: 0.3s; }
.la-member .cource-width .course-info .course-excerpt {
margin-top: 10px;
margin-bottom: 13px;
font-size: 16px;
line-height: 1.3;
color: #ffffff;
transition: 0.3s; }
.la-member .cource-width .course-divider {
width: 120%;
height: 1px;
margin-left: -10%;
background: rgba(255, 255, 255, 0.3); }
.la-member .cource-width .course-meta.grid,
.learnpress-page .learn-press-courses .course .course-meta.grid {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 13px 0;
margin-bottom: 0;
color: #b0bbc8; }
.la-member .cource-width .course-meta.grid > span, .la-member .cource-width .course-meta.grid > span:before, .la-member .cource-width .course-meta.grid > span:after,
.la-member .cource-width .course-meta.grid > button,
.la-member .cource-width .course-meta.grid > button:before,
.la-member .cource-width .course-meta.grid > button:after {
color: #ffffff;
transition: 0.4s; }
.la-member .cource-width .course-meta.grid .course-students {
margin-right: 25px;
padding: 0;
font-size: 14px;
font-weight: 600; }
.la-member .cource-width .course-meta.grid .course-students:before {
content: '\f007';
margin-right: 7px;
font-family: "Font Awesome 5 Free"; }
.la-member .cource-width .course-meta.grid .course-numbers {
margin-right: 25px;
font-size: 14px; }
.la-member .cource-width .course-meta.grid .course-numbers:before {
content: '\f15b';
margin-right: 7px;
font-family: "Font Awesome 5 Free"; }

@keyframes rotate360 {
0% {
transform: rotate(0turn); }
100% {
transform: rotate(1turn); } }

.la-member .cource-width .course-meta.grid .lp-course-buttons {
flex-grow: 1;
line-height: 1;
text-align: right;
margin-bottom: 0; }

.la-member .cource-width .course-meta.grid .lp-course-buttons .lp-button {
width: auto;
height: auto;
border-width: 2px;
padding: 4px 9.6px;
line-height: 1; }
.la-member .cource-width .course-meta.grid .lp-course-buttons .lp-button,
.la-member .cource-width .course-meta.grid .lp-course-buttons .lp-button {
font-family: inherit;
font-size: 14px; }

.la-member .cource-width .course-meta.grid .lp-course-buttons .course-price {
margin: 0; background-color: var(--color-custom); padding: 4px 15px; font-size: 20px;
color: #fff; font-weight: 500;
border-radius: 10px;
}

.xs-ratting-content{color: #fff;}
.xs-ratting-content .review {font-size: 15px;  }