

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap" rel="stylesheet">


/* =====================================================
   ВНУТРЯНКА УРОКА — SUMMER STYLE
===================================================== */

/* ФАЙЛЫ */

.summer_visual_lessonl .files-table tbody {   
    display: flex!important;
    justify-content: left; 
}

/* ШРИФТ ТЕКСТА */

.summer_visual_lessonl p,
.summer_visual_lessonl ul {
    font-family: "proxima-nova", "Lato", Helvetica, Arial, sans-serif!important;
}

/* ФОН */

.summer_visual_lessonl {
    background: #f3f3f3;
}

/* =====================================================
   HEADER
===================================================== */

.summer_visual_lessonl .lesson-header-block {
    border: 2px solid #F6D97A !important;

    border-radius: 30px !important;

    background:
        linear-gradient(
            135deg,
            #F6BC2F 0%,
            #FFD86A 100%
        ) !important;

    color: #000;

    font-family: 'Montserrat', Arial, sans-serif !important;

    font-weight: 700;

    padding-bottom: 10px !important;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.06);
}

/* =====================================================
   TITLE
===================================================== */

.summer_visual_lessonl .lesson-title-value {
    font-size: 24px;

    font-weight: 700;

    font-family: 'Montserrat', Arial, sans-serif !important;

    text-transform: uppercase;

    color: #111827;
}

/* DESCRIPTION */

.summer_visual_lessonl .lesson-description-value {
    font-size: 18px;

    font-family: 'Montserrat', Arial, sans-serif !important;

    color: #111827;

    margin-top: 10px !important;

    display: block;
}

/* =====================================================
   TEXT
===================================================== */

.summer_visual_lessonl .text-center.hidden-xs {
    color: #111827;

    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* =====================================================
   НАВИГАЦИЯ
===================================================== */

.summer_visual_lessonl .lesson-navigation a {
    color: #000;

    text-transform: none;

    background:
        linear-gradient(
            135deg,
            #F6BC2F 0%,
            #FFD86A 100%
        );

    padding: 8px 14px;

    border-radius: 12px;

    font-weight: 700;
}

/* СКРЫТЬ ЛИШНЕЕ */

.summer_visual_lessonl div.hidden-xs {
    display: none;
}

/* =====================================================
   КНОПКИ СПРАВА
===================================================== */

.summer_visual_lessonl .text-right a {
    color: #000;

    text-transform: none;

    background:
        linear-gradient(
            135deg,
            #F6BC2F 0%,
            #FFD86A 100%
        );

    padding: 8px 14px;

    border-radius: 12px;

    font-weight: 700;
}

.summer_visual_lessonl .text-right .hidden-xs {
    display: none;
}

/* =====================================================
   ССЫЛКИ
===================================================== */

.summer_visual_lessonl a {
    color: #111827;
    text-transform: uppercase;
}

.summer_visual_lessonl a:hover {
    color: #8A5A00;
}

/* =====================================================
   USER ANSWER
===================================================== */

.summer_visual_lessonl .user-answer {
    border: 2px solid #F6D97A !important;

    border-radius: 24px !important;

    background:
        linear-gradient(
            135deg,
            #FFF7E1 0%,
            #FFFFFF 100%
        ) !important;

    color: #111827;

    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* =====================================================
   ANSWER FORM
===================================================== */

.summer_visual_lessonl .answer-form {
    background: rgba(255,255,255,0.92)!important;

    border: 2px solid #F6D97A !important;

    border-radius: 16px !important;

    font-family: 'Montserrat', Arial, sans-serif !important;
}

/* =====================================================
   SEND BUTTON
===================================================== */

.summer_visual_lessonl .btn-send-answer {
    border-radius: 14px !important;

    color: #000;

    background:
        linear-gradient(
            135deg,
            #F6BC2F 0%,
            #FFD86A 100%
        );

    border: 2px solid #fff !important;

    font-weight: 700;
}

.summer_visual_lessonl .btn-send-answer:hover {
    color: #000000;

    background: #fff !important;

    border: 2px solid #F6D97A !important;
}

/* DRAFT */

.summer_visual_lessonl .btn-save-draft {
    color: #000 !important;
}

/* =====================================================
   БЛОК ТЕКСТА
===================================================== */

.summer_visual_lessonl .lt-lesson-header .lt-block-wrapper {
    padding: 30px !important;

    background: #ffffff !important;

    border-radius: 30px;

    border: 2px solid #F6D97A !important;

    font-family: 'Montserrat', Arial, sans-serif !important;

    box-shadow:
        0 10px 30px rgba(0,0,0,0.04);
}

/* =====================================================
   СКРЫТИЕ ЗАГОЛОВКА ЗАДАНИЯ
===================================================== */

.summer_visual_lessonl .lt-lesson-mission-block .lt-block-wrapper h3 {
    display: none;
}

/* =====================================================
   БЛОК ЗАДАНИЯ
===================================================== */

.summer_visual_lessonl .lesson-mission-text {
    font-family: 'Montserrat', Arial, sans-serif !important;

    background-color: #fff;

    color: #111827;

    padding-bottom: 20px !important;

    border: 2px solid #F6D97A;

    border-radius: 24px;
}

/* =====================================================
   ANSWERS
===================================================== */

.summer_visual_lessonl .self-answers {
    padding-top: 30px;
}

/* =====================================================
   УБРАТЬ ГРАНИЦУ
===================================================== */

.summer_visual_lessonl .lesson-mission-wrapper {
    border: none;
}

/* =====================================================
   COMMENT BUTTON
===================================================== */

.summer_visual_lessonl .answer-comment .btn {
    background:
        linear-gradient(
            135deg,
            #F6BC2F 0%,
            #FFD86A 100%
        );

    border: none;

    border-radius: 12px;

    color: #000;

    font-weight: 700;
}
