/* -------------
content start - Список уроков
------------- */
/* Блок ДЗ */
.lt-lesson-mission-block {
margin-top: 20px;
}
@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
.lt-lesson-mission-block .container,
.lt-lesson-comment-block .container {
padding:0 !important;
}
.testing-widget .question .question-title-big {
font-size: 20px;
text-align: center;
}
.user-answer .addfield .value {
color: #000000;
}
.lt-block-wrapper {
margin-left: 15px;
margin-right: 15px;
}
.lt-block-wrapper a:link {
color: #243cb0;
}
.lt-lesson-mission-block label {
color: #ffffff;
}
.lesson-list li .title {
font-weight: 600;
}
.block-set-editor .lite-block .setting-edit-link {
border: 1px solid #000000;
}
.hr {
border: 1px solid #000000;
}
.container {
padding-right: 1px;
padding-left: 1px;
}
.testing-widget .questionary-title-wrapper, .testing-widget .before-start-block > h3 {
display: none;
}
.lesson-list li .info .vmiddle {
padding-left: 25px;
}
}
.btn.btn-success {
background: linear-gradient(90deg,rgba(61, 117, 120, 1) 12%, rgba(44, 161, 163, 1) 100%);
border-color: #ffffff;
}
.btn-singly-controls .btn {
padding: 15px 70px;
}
.standard-page-content .btn {
border-radius: 0px;
}
.text-muted {
color: #bebebe;
}
.answer-form textarea {
border-radius: 9px;
}
.btn btn-send-answer btn-primary btn-lg
{
margin-top: 15px;
}
.col-md-8 {
margin-left: 10px;
margin-right: 10px;
}
.btn-primary {
color: #ffffff;
background-color: #40a812;
border-color: #7d9a42;
}
.btn f-btn button-md btn-success {
background-color: #e49796;
}
.button-md {
border-radius: 0px;
background: #fa7a79;
padding-left: 20px;
padding-right: 20px;
}
.user-state-not_reached .user-state-bg {
background: none;
}
.lesson-list .user-state-label {
color: brown;
}
.answer-form .addfield-type-checkbox label {
color: #000000;
}
.btn.f-btn.button-lg {
border-radius: 0px;
background: linear-gradient(90deg,rgba(61, 117, 120, 1) 12%, rgba(44, 161, 163, 1) 100%);
padding-left: 20px;
padding-right: 20px;
}
.lesson-list li .item-a {
border-radius: 14px;
}
.lesson-list .item-main-td.item-with-image {
padding-left: 20px;
height: 90px;
}
.lt-image-common{
border-radius: 0.8em;
}
.lesson-list {
background: none;
}
.lesson-list li .info {
border-left: 1px solid #ecf0f1;
border-radius: 14px;
border-color: #000;
background: #f7f5f6;
overflow: hidden;
margin-top: 20px;
transition: all 0.5s;
display: block;
background-position: 50%;
outline: 1px solid #be9e96;
}
.lesson-list li {
overflow: inherit;
}
.lesson-list li .item-a:after {
position: relative;
}
.lesson-list li.user-state-reached .info {
border-left: 1px solid #ecf0f1;
border-radius: 14px;
border-color: #000;
background: linear-gradient(90deg,rgba(45, 158, 156, 0.23) 21%, rgba(62, 117, 120, 0.57) 100%);
overflow: hidden;
margin-top: 20px;
transition: all 0.5s;
display: block;
background-position: 50%;
outline: 1px solid #be9e96;
}
@media (min-width: 992px) {
.block-set .f-text {
font-family: inherit;
font-weight: inherit;
font-size: 16px;
}
.lt-block lt-editing lessonTxt01 lt-lesson lt-lesson-text{
font-size: 16px;
}
}
.center-block {
-webkit-box-shadow: 0px 0px 10px -2px rgb(0 0 0 / 75%);
-moz-box-shadow: 0px 0px 10px -2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px -2px rgb(0 0 0 / 75%);
padding: 15px;
background-color: #fff;
border-radius: 15px;
display: block;
margin-right: auto;
margin-left: auto;
}
.lt-lesson-mission-block h3 {
position: relative;
width: 100%;
padding: 30px 0 20px 20px;
font-weight: 700;
font-size: 22px;
color: #000000;
border-bottom: 0;
border-radius: 10px 10px 0 0;
background: linear-gradient(90deg, rgba(227, 231, 230, 1) 0%, rgb(173, 224, 225) 64%);
text-transform: uppercase;
}
.lt-lesson-mission-block {
border-radius: 0.8em;
margin-top: 2em;
margin-bottom: 2em;
}
.lt-lesson-mission-block h3::before {
content: "";
position: absolute;
bottom: 0;
left: 20px;
width: 60px;
height: 3px;
border-radius: 5px;
background: #e49796;
}
.lesson-mission-text {
padding: 25px !important;
background: #fafafa;
border: 0;
}
.lt-lesson-mission-block .lesson-mission-wrapper {
margin-top:-1px;
border: 0;
}
#lessonAnswerForm {
margin-top: -7px;
padding: 10px;
background: linear-gradient(90deg, rgba(227, 231, 230, 1) 0%, rgb(173, 224, 225) 64%);
border-radius: 10px;
}
.self-answers .user-answer {
padding: 10px 30px;
color: #000000;
background: linear-gradient(90deg,rgba(61, 117, 120, 1) 12%, rgba(44, 161, 163, 1) 100%);
border: 0;
border-radius: 10px;
}
.lt-lesson-mission-block .answer-form {
background: transparent;
}
.self-answers .emoji-text,
.self-answers .title a,
.user-answer .addfield .value {
color: #000000;
}
.lesson-answer-comment {
margin-bottom: 30px;
padding: 20px 10px 10px;
border-radius: 10px;
background: #fff;
}
.self-answers .text .emoji-text {
color: #000 !important;
}
.comment-form-wrapper .new-comment.active .btn-send {
padding: 5px 30px;
color: #000000;
background: var(--cA);
border: 0;
border-radius: 30px;
}
.user-answer .addfield {
background: #ffffff10;
}
@media (max-width: 640px){
.lesson-title-value {
font-size: 26px;
}
.standard-page-content h1 {
font-size: 20px;
font-weight: bold;
}
@media (max-width:425px) {
.lt-lesson-mission-block .answer-form::after { display: none; }
}
#lessonanswer-answer_text {
position: relative;
z-index: 10;
}
}
.lt-lesson-mission-block .type-string,
.lt-lesson-mission-block .emoji-container textarea {
padding: 5px;
width: 100% !important;
min-height: 50px !important;
border: 0 !important;
border-radius: 0px;
}
.lt-lesson-mission-block .addfield-type-currency {
color: #000000;
}
.lt-lesson-mission-block .addfield-type-currency input {
color: #000;
}
.lt-lesson-mission-block .other-answers.answers-list .textarea-block {
width: 90% !important;
}
.user-profile-image {
border-radius: 100px;
border: 3px solid #fff;
}
.lt-lesson-mission-block .uploadifive-button {
margin-top: 10px;
padding: 10px;
height: 52px !important;
font-weight: 500;
font-size: 14px;
line-height: 120%;
color: #FFFFFF;
text-transform: capitalize;
border: 1px solid #FFFFFF;
border-radius: 0px !important;
background: transparent;
cursor: pointer !important;
transition: all .3s;
}
.lt-lesson-mission-block .uploadifive-button:hover {
background: #fff;
color: #00A3FF;
}
.lt-lesson-mission-block .btn-send-answer,
#showMoreAnswers,
.lt-lesson-comment-block .simple-answer .btn-send {
padding: 8px 30px;
font-weight: 300 !important;
font-size: 18px;
font-size: 16px !important;
color: #000;
margin-top: 15px;
background: #e49796;
border: none;
border-radius: 0px;
transition: all .3s;
}
.lt-lesson-mission-block .btn-save-draft {
padding: 8px 30px;
margin-top: 15px;
color: #000000;
border: 1px solid #026b67;
border-radius: 0px;
transition: all .3s;
}
.answer-form .answer-textarea-container {
width: 100%;
}
.lt-lesson-mission-block .btn-send-answer:hover,
.lt-lesson-mission-block .btn-save-draft:hover,
.lt-lesson-comment-block .simple-answer .btn-send:hover {
transform: translatey(-5px);
}
.lt-lesson-mission-block #user_hide_answer,
.lt-lesson-mission-block label {
margin-bottom:15px;
color: #000;
}
@media (max-width:725px)
.testing-widget .question .question-title-big {
font-size: 20px;
text-align: center;
}
@media (max-width:425px) {
.btn-save-draft {
margin-top: 10px !important;
margin-left:0 !important;
}
.lesson-answers-title .pull-right {
width: 100%;
display: block;
}
.flex-container.wrap-col {
flex-flow: row wrap !important;
}
.lesson-mission-text {
margin: 0;
}
}
@media (max-width:375px) {
.btn-save-draft {
margin-top:10px;
}
}
/* НОВЫЙ */
@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap");
.custom-lesson-block {
/* Акцентный цвет */
--color-accent: #b0a2a0;
/* Акцентный цвет при взаимодействии */
--color-accent-active: #655DC6;
/* Цвет текста светлый*/
---color-text-light: #ffffff;
/* Цвет текста темный*/
--color-text-dark: #4a4a4a;
/* Цвет главного фона блока */
--color-bg-main: transparent;
/* Цвет фона формы */
--color-bg-block-box: #ffffff;
/* Цвет текста в плейсхолдере */
--color-placeholder: #4a4a4a;
/* Цвет фона в полях для ввода */
--color-bg-input: #e7e2f6;
/* Закругления в блоках */
--radius-block-box: 8px;
/* Стандартное время анимации */
--transition: 0.3s;
/* Ускоренное время анимации */
--transition-fast: 0.2s;
/* Стандартные отступы внутри основного блока */
--padding-regular-block-box: 50px 60px 50px 60px;
/* Ширина обводки у основного блока */
--border-width-block-box: 3px;
}
/*=====================================
ПАНЕЛЬ УПРАВЛЕНИЯ. КОНЕЦ
===================================== */
.custom-lesson-block * {
outline: none;
}
@media (max-width: 768px) {
.custom-lesson-block br {
content: '';
}
.custom-lesson-block br::before {
content: ' ';
}
}
.custom-lesson-block .block-set,
.custom-lesson-block .f-text {
font-weight: 400;
}
.custom-lesson-block .form-result-block .f-header {
margin-bottom: 15px;
color: var(--color-accent);
padding-left: 25px;
padding-right: 25px;
}
.f-header.f-header.f-lesson-header-1 {
padding-left: 25px;
padding-right: 25px;
}
.custom-lesson-block .form-result-block .f-text p:not(:last-child) {
margin-bottom: 13px;
}
.custom-lesson-block .form-result-block .f-text p a.custom-button {
display: inline-block;
padding: 20px !important;
width: 100% !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 0px;
color: var(--color-text-light) !important;
background-color: var(--color-accent);
font-size: 14px;
font-weight: 700;
text-decoration: none;
letter-spacing: 1px;
-webkit-box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
-moz-box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
-webkit-transition: background var(--transition) ease-in-out, -webkit-transform var(--transition) ease-in-out, -webkit-box-shadow var(--transition) ease-in-out;
transition: background var(--transition) ease-in-out, -webkit-transform var(--transition) ease-in-out, -webkit-box-shadow var(--transition) ease-in-out;
-o-transition: background var(--transition) ease-in-out, box-shadow var(--transition) ease-in-out, -o-transform var(--transition) ease-in-out;
-moz-transition: background var(--transition) ease-in-out, transform var(--transition) ease-in-out, box-shadow var(--transition) ease-in-out, -moz-transform var(--transition) ease-in-out, -moz-box-shadow var(--transition) ease-in-out;
transition: background var(--transition) ease-in-out, transform var(--transition) ease-in-out, box-shadow var(--transition) ease-in-out;
transition: background var(--transition) ease-in-out, transform var(--transition) ease-in-out, box-shadow var(--transition) ease-in-out, -webkit-transform var(--transition) ease-in-out, -moz-transform var(--transition) ease-in-out, -o-transform var(--transition) ease-in-out, -webkit-box-shadow var(--transition) ease-in-out, -moz-box-shadow var(--transition) ease-in-out;
}
.custom-lesson-block .form-result-block .f-text p a.custom-button:active {
background-color: var(--color-accent-active) !important;
-webkit-transform: translate3d(0px, -3px, 0px);
-moz-transform: translate3d(0px, -3px, 0px);
transform: translate3d(0px, -3px, 0px);
-webkit-box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
-moz-box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
}
@media (min-width: 768px) {
.custom-lesson-block .form-result-block .f-text p a.custom-button:hover {
background-color: var(--color-accent-active) !important;
-webkit-transform: translate3d(0px, -3px, 0px);
-moz-transform: translate3d(0px, -3px, 0px);
transform: translate3d(0px, -3px, 0px);
-webkit-box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
-moz-box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
}
}
.custom-lesson-block .block-box {
padding: var(--padding-regular-block-box) !important;
border: var(--border-width-block-box) solid var(--color-accent) !important;
-webkit-border-radius: var(--radius-block-box);
-moz-border-radius: var(--radius-block-box);
border-radius: var(--radius-block-box);
-webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
.custom-lesson-block .block-box {
padding-left: 60px !important;
padding-right: 60px !important;
}
.lesson-list .item-main-td.item-with-image {
height: 60px;
}
}
@media (max-width: 576px) {
.custom-lesson-block .block-box {
padding-top: 35px !important;
padding-right: 40px !important;
padding-bottom: 30px !important;
padding-left: 40px !important;
}
.custom-lesson-block .form__button button {
min-height: 50px !important;
padding: 13px 20px !important;
}
}
@media (max-width: 375px) {
.custom-lesson-block .block-box {
padding-top: 25px !important;
padding-right: 15px !important;
padding-left: 15px !important;
}
}
.custom-lesson-block .form__input .custom-field-input input,
.custom-lesson-block .form__input .custom-field-input select {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0 20px;
}
.custom-lesson-block .form__input .custom-field-input input::-webkit-input-placeholder,
.custom-lesson-block .form__input .custom-field-input select::-webkit-input-placeholder {
color: var(--color-placeholder);
opacity: 0.7;
}
.custom-lesson-block .form__input .custom-field-input input:-moz-placeholder,
.custom-lesson-block .form__input .custom-field-input select:-moz-placeholder {
color: var(--color-placeholder);
opacity: 0.7;
}
.custom-lesson-block .form__input .custom-field-input input::-moz-placeholder,
.custom-lesson-block .form__input .custom-field-input select::-moz-placeholder {
color: var(--color-placeholder);
opacity: 0.7;
}
.custom-lesson-block .form__input .custom-field-input input:-ms-input-placeholder,
.custom-lesson-block .form__input .custom-field-input select:-ms-input-placeholder {
color: var(--color-placeholder);
opacity: 0.7;
}
.custom-lesson-block .form__input .custom-field-input input::-ms-input-placeholder,
.custom-lesson-block .form__input .custom-field-input select::-ms-input-placeholder {
color: var(--color-placeholder);
opacity: 0.7;
}
.custom-lesson-block .form__input .custom-field-input input::placeholder,
.custom-lesson-block .form__input .custom-field-input select::placeholder {
color: var(--color-placeholder);
opacity: 0.7;
}
.custom-lesson-block .form__input input,
.custom-lesson-block .form__input select {
height: 55px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
color: var(--color-text-dark) !important;
background-color: var(--color-bg-input);
font-weight: 400;
font-size: 16px;
border: 2px solid transparent !important;
-webkit-transition: background-color var(--transition) ease-in-out, border-color var(--transition) ease-in-out, -webkit-box-shadow var(--transition) ease-in-out;
transition: background-color var(--transition) ease-in-out, border-color var(--transition) ease-in-out, -webkit-box-shadow var(--transition) ease-in-out;
-o-transition: background-color var(--transition) ease-in-out, border-color var(--transition) ease-in-out, box-shadow var(--transition) ease-in-out;
-moz-transition: background-color var(--transition) ease-in-out, border-color var(--transition) ease-in-out, box-shadow var(--transition) ease-in-out, -moz-box-shadow var(--transition) ease-in-out;
transition: background-color var(--transition) ease-in-out, border-color var(--transition) ease-in-out, box-shadow var(--transition) ease-in-out;
transition: background-color var(--transition) ease-in-out, border-color var(--transition) ease-in-out, box-shadow var(--transition) ease-in-out, -webkit-box-shadow var(--transition) ease-in-out, -moz-box-shadow var(--transition) ease-in-out;
}
@media (max-width: 576px) {
.custom-lesson-block .form__input input,
.custom-lesson-block .form__input select {
height: 50px;
font-size: 14px;
}
}
.custom-lesson-block .form__input input::-webkit-input-placeholder,
.custom-lesson-block .form__input select::-webkit-input-placeholder {
color: var(--color-placeholder);
opacity: 0.7;
}
.custom-lesson-block .form__input input:-moz-placeholder,
.custom-lesson-block .form__input select:-moz-placeholder {
color: var(--color-placeholder);
opacity: 0.7;
}
.custom-lesson-block .form__input input::-moz-placeholder,
.custom-lesson-block .form__input select::-moz-placeholder {
color: var(--color-placeholder);
opacity: 0.7;
}
.custom-lesson-block .form__input input:-ms-input-placeholder,
.custom-lesson-block .form__input select:-ms-input-placeholder {
color: var(--color-placeholder);
opacity: 0.7;
}
.custom-lesson-block .form__input input::-ms-input-placeholder,
.custom-lesson-block .form__input select::-ms-input-placeholder {
color: var(--color-placeholder);
opacity: 0.7;
}
.custom-lesson-block .form__input input::placeholder,
.custom-lesson-block .form__input select::placeholder {
color: var(--color-placeholder);
opacity: 0.7;
}
.custom-lesson-block .form__input input:focus,
.custom-lesson-block .form__input select:focus {
background-color: #ffffff;
border-color: var(--color-accent) !important;
-webkit-box-shadow: 0px 4px 10px rgba(130, 130, 130, 0.25);
-moz-box-shadow: 0px 4px 10px rgba(130, 130, 130, 0.25);
box-shadow: 0px 4px 10px rgba(130, 130, 130, 0.25);
}
.custom-lesson-block .form__input .field-label {
display: inline-block;
padding: 0;
margin: 0;
margin-bottom: 3px;
font-size: 14px;
}
@media (max-width: 576px) {
.custom-lesson-block .form__input .field-label {
font-size: 13px;
}
}
.custom-lesson-block .form__button button {
padding: 20px !important;
width: 100% !important;
-webkit-border-radius: -webkit-calc(var(--radius-block-box) / 3) !important;
-moz-border-radius: -moz-calc(var(--radius-block-box) / 3) !important;
border-radius: calc(var(--radius-block-box) / 3) !important;
font-size: 16px !important;
font-weight: 700 !important;
color: var(---color-text-light);
background-color: var(--color-accent);
-webkit-box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
-moz-box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
box-shadow: 0px 4px 15px rgba(130, 130, 130, 0.25);
-webkit-transition: background var(--transition) ease, -webkit-transform var(--transition) ease, -webkit-box-shadow var(--transition) ease;
transition: background var(--transition) ease, -webkit-transform var(--transition) ease, -webkit-box-shadow var(--transition) ease;
-o-transition: background var(--transition) ease, box-shadow var(--transition) ease, -o-transform var(--transition) ease;
-moz-transition: background var(--transition) ease, transform var(--transition) ease, box-shadow var(--transition) ease, -moz-transform var(--transition) ease, -moz-box-shadow var(--transition) ease;
transition: background var(--transition) ease, transform var(--transition) ease, box-shadow var(--transition) ease;
transition: background var(--transition) ease, transform var(--transition) ease, box-shadow var(--transition) ease, -webkit-transform var(--transition) ease, -moz-transform var(--transition) ease, -o-transform var(--transition) ease, -webkit-box-shadow var(--transition) ease, -moz-box-shadow var(--transition) ease;
}
.custom-lesson-block .form__button button:active {
background-color: var(--color-accent-active) !important;
-webkit-transform: translate3d(0px, -3px, 0px);
-moz-transform: translate3d(0px, -3px, 0px);
transform: translate3d(0px, -3px, 0px);
-webkit-box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
-moz-box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
}
@media (min-width: 768px) {
.custom-lesson-block .form__button button:hover {
background-color: var(--color-accent-active);
-webkit-transform: translate3d(0px, -3px, 0px);
-moz-transform: translate3d(0px, -3px, 0px);
transform: translate3d(0px, -3px, 0px);
-webkit-box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
-moz-box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
box-shadow: 0px 10px 15px rgba(130, 130, 130, 0.25);
}
}
@media (min-width: 992px) {
.block-set .f-text {
font-family: inherit;
font-weight: inherit;
font-size: 16px;
}
}
@media (max-width: 375px) {
.custom-lesson-block .form__button button {
font-size: 14px !important;
}
}
/* -------------
content finish - Список уроков
------------- */