/*Стили урока*/
.standard-page-content .center-block {
    max-width: 100% !important;
}
.standard-page-content .center-block .block-set {
    max-width: 960px;
    margin: 0 auto;
}

/*Стили шапки урока*/
.lesson-header-block {
    background: none !important;
    padding: 0 !important;
    margin: 0 0 2rem 0 !important;
}
.lesson-header-block .header-view {
    margin-bottom: 1rem;
}
.lesson-header-block .header-view > div {
    padding-top: 0 !important;
}
.lesson-header-block .lesson-title-value {
    margin-bottom: .5rem;
}
.lesson-header-block .lesson-description-value {
    font-size: 1rem;
    color: var(--gray);
}
.lesson-navigation {
    padding: 1rem 0 2rem 0 !important;
}
.lesson-navigation tr td:first-child div,
.lesson-navigation tr td:last-child div {
    margin-top: .5rem;
    color: var(--gray);
}
.lesson-navigation tr td:first-child a:before {
    content: "← ";
}
.lesson-navigation tr td:last-child a:after {
    content: " →"
}

/*Стили блоков урока*/
.lt-lesson-header .f-header.f-header.f-lesson-header-1,
div[data-main-class="header"] p {
    margin-top: 1rem;
    margin-bottom: 0;
}
.lt-lesson-text p:not(:last-child) {
    margin-bottom: 1rem;
}
.lt-lesson-text a {
    text-decoration: underline;
}
.lt-lesson-text a:hover {
    text-decoration: none;
}
.lt-lesson-image img,
.image-box img,
.videoWrapper iframe,
.vhi-iframe,
.vhi-root {
    border-radius: var(--r1);
}
.lt-lesson-image img,
.lt-lesson-video,
.lt-video {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.lt-lesson-mission-block {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/*На десктопах видео растягиваем на всю ширину контейнера*/
@media (min-width: 1280px) {
    .o-lt-lesson-video,
    .o-lt-video-hosting-with-defence,
    .o-lt-lesson-image.o-full-width,
    .o-lt-onecolumn.o-full-width {
    	margin-left: -105px;
        margin-right: -105px;
    }
}
/*В мобильной версии убираем скругление углов видео и изображений и растягиваем их на всю ширину экрана*/
@media (max-width: 768px) {
    .o-lt-lesson-video,
    .o-lt-video-hosting-with-defence,
    .o-lt-lesson-image,
    .o-lt-onecolumn.o-full-width {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .o-lt-lesson-video .lt-block-wrapper > .container,
    .o-lt-video-hosting-with-defence .lt-block-wrapper > .container,
    .o-lt-lesson-image .lt-block-wrapper > .container,
    .o-lt-onecolumn.o-full-width .lt-block-wrapper > .container {
        padding-left: 0;
        padding-right: 0;
    }
    .lt-lesson-image img,
    .image-box img,
	.videoWrapper iframe,
	.vhi-iframe,
    .vhi-root {
        border-radius: 0;
    }
}

/*Форма задания, комментариев и ленты ответов в уроке*/
.lt-lesson-mission-block .row-section,
.simple-answer.user-answer,
.user-answer {
    background: var(--light-bg);
    border-radius: var(--r2);
    padding: 1.5rem;
    margin-bottom: 1rem;
    border-top: none;
}
.answer-form .answer-textarea-container,
.answer-form .addfield .type-string,
.comment-form-wrapper .new-comment .textarea-block,
.new-comment .textarea-block {
    width: 100%;
}
.emoji-container textarea {
    padding: .3rem;
}
.lesson-mission-wrapper {
    margin: 0;
    border: none;
}
.lesson-mission-text {
    padding: 0 !important;
    border: none;
    margin-bottom: 2rem;
}
    
.lt-lesson-mission-block .answer-form {
    background: none;
    padding: 0;
}
.user-profile-image.image-icon {
    border-radius: var(--r1);
}

.comments-tree, .comments-tree .template-links a,
.user-answer .comment-form-wrapper,
.comments-tree .level-1 .comment-wrapper,
.comment-wrapper > .comment > .text {
    margin: 0 !important;
    padding: 0 !important;
}
.new-comment form,
.new-comment.new-answer {
    display: flex;
    flex-wrap: nowrap;
    gap: .5rem;
    flex-grow: 1;
}
.comment-form-wrapper .new-comment-textarea,
.new-comment-textarea {
    min-height: 50px !important;
}

.lesson-answer-comment {
    background: var(--white);
    border-radius: var(--r1) var(--r1) 0 var(--r1);
    padding: 1rem;
}

.uploadifive-button {
    font-weight: normal;
    text-transform: none;
    border-radius: var(--base-btn-radius);
}

/*Стили блока оценки качества*/
.lt-lesson-feedback-block .lt-block-wrapper .container .row-section {
    margin-bottom: 2rem;
}
.training-feedback-widget {
    margin-top: 2rem;
    padding: 2rem;
    border-radius: var(--r2);
    background:var(--light-bg);
}
.training-feedback-widget h3 {
    margin-bottom: 1rem;
}
.training-feedback-widget .training-feedback-wrapper {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
}
.training-feedback-widget .training-feedback-wrapper .training-feedback-container {
    width: 100%;
}
.star-rating-widget ul.filled-stars i {
    color: var(--secondary-color);
}

@media (max-width: 768px) {
    .lt-lesson-mission-block {
        margin-left: -1rem;
        margin-right: -1rem;
    }
    .simple-answer.user-answer,
    .answers-list,
    .training-feedback-widget {
        margin-left: -2rem;
        margin-right: -2rem;
    }
    .lt-lesson-mission-block .row-section {
        padding: 1rem;
    }
}