/*course*/
.view-courses section#sp-main-body {padding: 50px 0px 30px 0px;}

@media(min-width:992px){
.splms .splms-img-responsive {
    max-height: 600px;
    margin: auto;
}}

/*lms*/
.splms .splms-common-overlay {
    background-color: rgb(1 1 1 / 60%)!important;
    color: #fff;
}

a.splms-readmore.btn.btn-default, .splms.course-details .course-header .apply-now .btn, div#lp-popup button.btn.btn-primary {
    background: #313131;
    border-color: #313131;
    color: white;
     border-radius:0px;
}
a.splms-readmore.btn.btn-default:hover, div#lp-popup button.btn.btn-primary:hover{
    background: transparent;
    border-color: #fff;
    color: white;
    border-radius:0px;
}

.splms.course-details .course-header .apply-now .btn:hover{
    background: #9a9a9a;
    border-color: #9a9a9a;
    color: white;
    border-radius:0px;
}

div#lp-popup a#cancel {
    background: #9a9a9a;
    border-color: #9a9a9a!important;
}

div#lp-popup a#cancel:hover {
    background: transparent;
    color: #9a9a9a!important;
    border-color: #9a9a9a!important;
}

div#lp-popup button.btn.btn-primary.validate:hover {
    background: #9a9a9a;
    border-color: #9a9a9a!important;
    color:#9a9a9a!important;
}

.view-login section#sp-main-body {
    padding: 0px;
}

.akeeba-sociallogin-buttons a {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    background-color: #3C5898;
    letter-spacing: 0.5px;
    border: none;
    color: #fff !important;
    text-transform: uppercase;
    border-radius: 0;
    transition: 0.3s;
}
.akeeba-sociallogin-buttons a:hover {
    background-color: #000000;
    color: #fff !important;
}

/*profile*/
div#users-profile-core li.list-group-item, div#users-profile-custom-profilelms li.list-group-item{
color: #2d2d2d;}


div#users-profile-core a {color: #2d2d2d;}


/*lms*/
.splms .splms-common-overlay-wrapper img {
    max-width: none;
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(-40px,0, 0);
    transform: translate3d(-27px,0,0);
    transform: matrix(0.85, 0, 0, 0.85, -25, 0);}

.splms .splms-common-overlay-wrapper:hover img {transform: matrix(0.85, 0, 0, 0.85, -25, 0);}

.splms .splms-common-overlay {
    background-color: rgb(1 1 1 / 60%)!important;
    color: #fff;
    overflow: hidden;
    height: 260px;
    top: 22px;
}