.com-content.view-article .rbox a { font-size: 13px; }

.com-content.view-article .rbox { padding: 10px !important; }

.com-content.view-article div#comments-list-0 { margin-left: 0px !important; }

.com-content.view-article #jc h4 { color: #e0e0e0; margin-top: 30px; }

.com-content.view-article #comments a:active, .com-content.view-article #comments a:focus, .com-content.view-article #comments a:hover { color: #e80382 !important; }

.com-content.view-article a.refresh {font-size: 14px;}

.com-content.view-article #comments-list-footer { margin: 0px !important; }

.com-content.view-article article.item { float: inherit; }

.com-content.view-article article.item .content-wrap { padding: 0px; }

.com-content.view-article form#comments-form p { margin-left: 0px !important; }

.com-content.view-article div#comments-form-buttons .btn { background: #232323; color: #fff !important; border: 1px solid #232323; border-radius: 0px; font-size: 14px !important; text-transform: uppercase; padding: 5px 20px !important; }

.com-content.view-article div#comments-form-buttons .btn:hover { background: #f1138a; color: #fff !important; border: 1px solid #f1138a; }

.com-content.view-article #comments-form .btn a, #comments-report-form .btn a { color: #fff; font-size: 14px; font-weight: 500; }

.com-content.view-article #comments-form .btn a, #comments-report-form .btn a:hover { color: #fff !important; }

.com-content.view-article .btn:after, .com-content.view-article .sppb-btn:after { display: none; }

.com-content.view-article #comments-form .btn div, .com-content.view-article #comments-report-form .btn div { background: none; }

.com-content.view-article #comments-form input, #comments-report-form input, #comments-form textarea { padding: 4px !important; background: #fff !important; font-size: 14px; }

.com-content.view-article #comments-form p, #comments-form #comments-form-buttons, #comments-form #comments-form-error, #comments-form #comments-form-captcha-holder { margin-left: 0px !important; }

.com-content.view-article #comments-form label, #comments-report-form label { color: #000; font-size: 14px; /*position: absolute;*/ left: 70px; }

.com-content.view-article input#comments-form-name {position: absolute;left: 190px;width: 229px;}

@media(max-width:768px){
.com-content.view-article #comments-form label, #comments-report-form label { color: #fff; font-size: 14px; position: absolute; left: 0px; }

.com-content.view-article input#comments-form-name { position: absolute; left: 120px; }}


.com-content.view-article textarea#comments-form-comment {margin-top: 20px;}

.com-content.view-article span.captcha { font-size: 14px !important; transition: 0.5s; }

.com-content.view-article span.captcha:hover { color: #e60481 !important; }

.com-content.view-article article.item .entry-header h2 {color: #000;border-bottom: 2px solid #ccc;padding-bottom: 20px;}


@media screen and (max-width: 767px){
article.item { padding: 0px !Important; }}

@media screen and (max-width: 500px){
.com-content.view-article iframe { height: 250px; }}

@media(max-width:768px){
.com-content.view-article #comments-form textarea { width: 292px; }

.com-content.view-article #comments-form .grippie { width: 292px; }}

.com-content.view-article div#comments-inline-edit #comments-form label, #comments-report-form label { color: #000; left: 85px; }

.com-content.view-article div#comments-inline-edit input#comments-form-name { position: absolute; left: 205px; }

@media(max-width:768px){
.com-content.view-article div#comments-inline-edit #comments-form label, #comments-report-form label { color: #000; left: 15px; }

.com-content.view-article div#comments-inline-edit input#comments-form-name { position: absolute; left: 135px; }}

.com-content.view-article #comments-inline-edit { border-radius: 10px; padding: 10px; }

.com-content.view-article div#comments-inline-edit div#comments-form-buttons .btn { background: #232323; color: #fff !important; border: 1px solid #232323; border-radius: 0px; font-size: 14px !important; text-transform: uppercase; padding: 5px 20px !important; }

.com-content.view-article div#comments-inline-edit div#comments-form-buttons .btn:hover { background: #f1138a; color: #fff !important; border: 1px solid #f1138a; }

.com-content.view-article div#comments-inline-edit #comments-form .btn a, #comments-report-form .btn a { color: #fff; font-size: 14px; font-weight: 500; }

.com-content.view-article div#comments-inline-edit #comments-form .btn a, #comments-report-form .btn a:hover { color: #fff !important; }

.com-content.view-article #comments-footer { display: none; }

.com-content.view-article #comments-form .grippie {
    margin-top: -8px;
    border-radius: 0px 0px 5px 5px;
}

.com-content.view-article form#comments-form {
    background: #fff;
    padding: 10px;
}

.com-content.view-article img#comments-form-captcha-image {
    width: 150px;
}

.com-content.view-article a#comments-subscription {
    font-size: 14px;
}

.com-content.view-article input#comments-form-subscribe {
    display: inline-block;
}

.com-content.view-article #comments-form label, #comments-report-form label {
    left: 95px;
}

.com-content.view-article form#comments-form { /*background: #fff; padding: 30px;*/ border-radius: 6px; }

.blog.blog-grid-view .entry-header h2 {
    margin: 0 !important;
    padding: 10px 0px 0px 0px !important;
}

.blog-grid-view article.item {
  /*  min-height: 760px;*/
}

.blog.blog-grid-view .view-category article.item .content-wrap .introtext {
    margin: 0px !important;
}

.blog.blog-grid-view .page-header {
    display: none;
}

/*live-teaching video screen block*/

.blog-grid-view article.item .content-wrap .introtext{
    position: relative;
}

.blog-grid-view article.item .content-wrap .introtext:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 40%;
    width: 100%;
    background: rgba(28, 49, 74, 0);
}

.blog-grid-view article.item .content-wrap .introtext:after {
    content: '';
    position: absolute;
    bottom: 10%;
    right: 0px;
    height: 35%;
    width: 100%;
    background: rgba(28, 49, 74, 0);
}

.view-article article.item div[itemprop="articleBody"] {
    position: relative;
}

.view-article article.item div[itemprop="articleBody"]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 38%;
    width: 100%;
    background: rgba(28, 49, 74, 0);
}

.view-article article.item div[itemprop="articleBody"]:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 45%;
    width: 100%;
    background: rgba(28, 49, 74, 0);
}

/*end of live-teaching video screen block*/

.splms-teacher-lessons {
    display: none;
}

.com-content.view-category .blog.blog-grid-view article.item .intro-image .img_caption.none p {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    text-align: center;
    align-items: center !important;
    display: grid;
    color: #fff;
    font-size: 30px;
    background: #00000080;
}

.com-content.view-category .blog.blog-grid-view article.item .intro-image {
    position: relative;
}

div#comments {
    max-height: 600px;
    overflow: scroll;
}

@media(max-width:768px){
.com-content.view-article.no-layout #comments .toolbar {
    margin-top: 25px;
  }}