/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Мои CSS'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Oleksii Sukhoi'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "https://experimentum-life-practice.com/wp-content/uploads/autors.jpg"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Все мои css-стили тут'; */

/* ---------- */
/* ОКРУГЛЕНИЯ */
/* ---------- */

/* Округляем края видео без рамки */
.plyr { 
	border-radius: 8px; 
}

/* Округляем края материала */
.bordered-tabs .tab-content .tab-pane {
    padding: 30px;
    border-radius: 8px;
}

/* Округляем комментарий тренера */
.comments-list .comment.comment-admin {
    border-radius: 15px;
}

/* Округляем описание рубрики в кнопке "Подробнее" */
.page-title-row .page-description-content.visible {
    border-radius: 5px;
}

/* ------------------------------------- */
/* ВНЕШНИЙ ВИД МАТЕРИАЛА - СПИСОК УРОКОВ */
/* ------------------------------------- */

/* Карточка урока */
.material-item {
	border-radius: 19px;
}
.material-item .col-thumb {
	background: #fff;
}

/* Убрать рамку вокруг описания урока */
.material-item.material-inaccessible:hover,
.col-content,
.materials-row .material-item.material-inaccessible:hover .col-content {
    border-color: #F7F7F7;
}

/* Округляем блок с номером урока */
.m-icon { border-radius: 5px; }

/* Индикаторы */
.material-item .thumbnail-wrap .icons-bottom {
    background: #fff;
	opacity: .95;
	width: auto;
    border-radius: 0 10px 0 0;
}

.thumbnail-wrap .status .icon-file-text-o:before {
	vertical-align: bottom;
}

@media (min-width: 992px) and (max-width: 1399px) {

.material-item .thumbnail-wrap .icons-bottom .icons .views, .material-item .thumbnail-wrap .icons-bottom .icons .date, .material-item .thumbnail-wrap .icons-bottom .icons .comments {	
	display: inline;
}
}

/* Статус урока в автотренинге */
.material-item .thumbnail-wrap .icons-bottom .icons .status {
    color: #000;	
}

@media (min-width: 992px) and (max-width: 1399px) {
	
.material-item .thumbnail-wrap .icons-bottom .icons .status {
    float: none;	
}
}

/* ======================== */
/* КНОПКИ в Уведомлениях    */
/* ======================== */

/* Скругление углов и скорость анимации у кнопки закрытия в окне уведомлений */
.mbln-notifications-wrap .mbln-close-icon {
    border-radius: 7px;
    font-size: 1.9rem;
}

/*Скорость анимации */
.mbln-notifications-wrap button, .mbln-notifications-wrap button .mbln-notifications-icon, .mbln-notifications-wrap a, .mbln-notifications-wrap .mbln-close-icon {
    transition: all 0.3s ease-in-out !important;
}

/* Цвет активной вкладки */
.mbln-notifications-wrap .active button.mbln-notifications-tab {
    background: #C76653;
    color: #fff;
    border-color: #C76653;
}

/* Кнопка Очистить все */
.mbln-notifications-tabs > li:nth-child(3) > button {
    background: #F4F0EF;
    color: #555;
    border: solid 1px #555;
    border-radius: 4px;
}

/* Кнопка Очистить все при наведении */
.mbln-notifications-tabs > li:nth-child(3) > button:hover {
    background: #333;
    color: #fff;
    border: solid 1px #333;
    border-radius: 4px;
}

/* Кнопка Очистить все при клике */
.mbln-notifications-tabs > li:nth-child(3) > button:active {
    background: #333;
    color: #fff;
    border: solid 1px #333;
    border-radius: 4px;
}

/* Кнопка Подробнее/Скрыть */
.mbln-notification-actions > button:nth-child(1) {
    background: #555;
    color: #fff;
    border-color: #555;
}

/* Кнопка Подробнее/Скрыть при наведении */
.mbln-notification-actions > button:nth-child(1):hover {
    background: #333;
    color: #fff;
    border-color: #333;
}

/* Кнопка Подробнее/Скрыть при клике */
.mbln-notification-actions > button:nth-child(1):active {
    background: #333;
    color: #fff;
    border-color: #333;
}

/* Кнопка Ознакомлен */
.mbln-notification-actions > button:nth-child(2) {
    background: #74bf5c;
    color: #fff;
    border-color: #74bf5c;
}

/* Кнопка Ознакомлен при наведении */
.mbln-notification-actions > button:nth-child(2):hover {
    background: #5da347;
    color: #fff;
    border-color: #5da347;
}

/* Кнопка Ознакомлен при клике */
.mbln-notification-actions > button:nth-child(2):active {
    background: #5da347;
    color: #fff;
    border-color: #5da347;
}

/* Адаптация кнопок и растягивание по ширине */
.mbln-notification-btn, .mbln-notifications-tabs li {
  margin: 0 0 5px 0;
}

.mbln-notifications-tabs, .mbln-notification-actions {
    display: flex;
    flex-wrap: wrap;  
    justify-content: stretch;
    column-gap: 5px;
}

.mbln-notifications-tabs li, .mbln-notification-actions button {
  flex: 1 1 30%;
}

.mbln-notifications-tabs li button {
  width:100%;
}

/* Максимальная ширина контейнера уведомлений */
@media (min-width: 992px) {
  .mbln-notifications-tab-content.tab-content {
    max-width: 360px !important;
  }}

/* Перенос длинных ссылок на новую строку */
.mbln-notification-message {
    word-wrap: break-word;
}

/* Кнопки одинаковые по высоте, если перенесется текст на две строки */
.mbln-notifications-tabs li button {
    height: 100%;
}

/* Затемнение фона при нажатие на меню */
.mbln_backdrop {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.6;
  z-index: 799;
}

/* Анимация затемнения фона для Уведомлений */
@keyframes darkbg { 
  0% {
    opacity: 0;
  }

  100% {
    opacity: 0.6;
  }
}

.mbln_backdrop { 
  animation: darkbg .15s ease-in-out;
 }

/* ==================== */
/* КОНТЕНТ МАТЕРИАЛА    */
/* ==================== */

/* Заголовки h2 */
h2, .h2 { font-size: 18px; margin-top: 10px; margin-bottom: 10px; font-weight: bolder; color: #0f111e; line-height: 1.42857143; 
}

/* Жирные заголовки материалов */
body > div.site-content > section.materials-row.clearfix > div > div > div > article > a > div.col-content > div.content-wrap > h1 { font-weight: bold; 
}

/* Шрифт в тестах по умолчанию */
#mbl_test_form {
    font-family: "Nunito Sans", "Verdana", "Open Sans", sans-serif !important;
}

/* Убираем даты и время публикации комментариев */
.comment-meta { display: none!important; 
}

/*Скрыть кнопку видео в редакторе*/
.note-insert > .btn:nth-child(2) {
    display: none;
}

/* Рамка вокруг текста на странице продажи доступа */
.outline { border: 1px solid #0f111e; padding: 20px; 
}

/* Вкладка "Контент" */
.bordered-tabs .nav-tabs li.tab-1 a {
	height: 42px;
}

/* Ширина контента на мобильных */
@media (max-width: 767px) {
.clearfix .container {
	max-width: 100%;
}
}

/* Комментарии */
.comments-tabs.bordered-tabs .tab-content, .comments-tabs.bordered-tabs .tab-content:before, .comments-tabs.bordered-tabs .nav-tabs li a {
    border: none;
}

/*Отступы иконок соцсетей при входе*/
.wp-social-login-provider-list {
    padding: 0px;
}

/*Меню Telegram*/
/*ширина выпадающего меню*/
.dropdown-menu {
    max-width: 360px;
    width: max-content;
}

/*треугольничек*/
#telegram-dropdown .caret {
    margin-left: 6px;
}

#mbli3-telegram-login-desktop > *, #mbli3-telegram-login-mobile > * {
    padding-top: 10px;
    padding-left: 3px !important;
    width: 180px;
    background-color: #54A9EB;
}

/*Вход через Телеграм выравниваем по ширине и делаем эффект наведения*/
.user-login-button .mmb_holder, .user-registration-button .dropdown-panel .mmb_holder, .login-form .mmb_holder, .slide-down-wrap .login .mmb_holder, .slide-down-wrap .wpm-registration-form .mmb_holder {  
    background-color: #54a9eb;
    height: 47px !important;
    align-items: center;
    display: flex;
    overflow: hidden;
    border-radius: 4px;
}

#mbli3-telegram-login-desktop:hover, #mbli3-telegram-login-mobile:hover, .user-login-button .mmb_holder:hover, .user-registration-button .dropdown-panel .mmb_holder:hover, .login-form .mmb_holder:hover, .slide-down-wrap .mmb_holder:hover {      
    filter: brightness(1.1);
    transition: all 0.3s ease-in-out !important;
}

/* ----------------------------- */
/* ДИЗАЙН ВКЛАДКИ "ЗАДАНИЕ" */
/* ----------------------------- */

/* Убрать подчёркивание кнопки "Закрыть" */
.content-wrap .discussion-form-wrap .close-message-form {
	text-decoration: none;
}

/* Выровнять крестик в кнопке "Закрыть" по вертикали */
.content-wrap .discussion-form-wrap .close-message-form .icon-close {
	vertical-align: bottom;
}

/* ---------------------------- */
/* ИНДИКАТОР ПРОХОЖДЕНИЯ УРОКОВ */
/* ---------------------------- */

/* Непройденная часть */
.reading-status-row .progress-wrap .progress .progress-bar {
	height: 15px;
}

/* Пройденная часть */
.reading-status-row .progress-wrap .progress, .progress-bar {
	height: 15px;
	}

/* Отступ индикатора */
.reading-status-row .progress-wrap .progress {
	margin-top: 5px;
}

/* Отступ пройденного кол-ва процентов в Материале */
.reading-status-row .progress-wrap .course-progress-wrap .progress-count {
	position: relative;
	top: -5px;
}

/* Отступ пройденного кол-ва процентов на Папке */
.folder-content .course-progress-wrap .progress-count {
	top: 0px;
}

/* Отступ пройденного кол-ва процентов на Папке - ЕСЛИ большое число просмотров папки */
@media (max-width: 1400px) and (min-width: 1200px) {
.course-progress-wrap {
    width: 60px;
}
}

/* Отступ ссылки "Следующий урок" */
.reading-status-row .next {
    margin-top: 5px;
}

/* Отступ ссылки "Следующий урок" на мобильных */
@media (max-width: 767px) {
.reading-status-row .next {
    margin-top: -5px;
}
}

/* ---------------------------------- */
/* КНОПКИ СЛЕДУЮЩИЙ И ПРЕДЫДУЩИЙ УРОК */
/* ---------------------------------- */

/* Кнопка "Следующий урок" */
.reading-status-row .next {
    margin-top: -5px;
    background-color: #7344B4;
    padding: 10px 10px;
    color: #ffffff;
    border-radius: 8px;
}

.reading-status-row .next:hover {
    background-color: #8556C6;
	color: #ffffff;
} 

/* Кнопка "Следующий урок" на мобильных */
@media (max-width: 767px) {
.reading-status-row .next {
	padding: 8px 10px;
	border: none;
}
}

/* Кнопка "Предыдущий урок" */
.reading-status-row .prev {
    margin-top: -5px;
    background-color: #7344B4;
    padding: 10px 10px;
    color: #ffffff;
    border-radius: 8px;
}

.reading-status-row .prev:hover {
    background-color: #8556C6;
	color: #ffffff;
}

/* Кнопка "Предыдущий урок" на мобильных */
@media (max-width: 767px) {
.reading-status-row .prev {
	padding: 8px 10px;
	border: none;
}
}

/* ------------------ */
/* Панель "ВАШ ОТВЕТ" */
/* ------------------ */

.content-wrap .question-answer-row .answer .answer-meta {
    background: #7344B4;
    color: #ffffff;
}

.content-wrap .question-answer-row .answer .answer-meta .meta-item .iconmoon {
    color: #ffffff;
}

/* Дизайн статусов проверки ДЗ */
#response-status-icon.iconmoon.icon-file-text-o.done::before {
	background: #ffffff!important;
    padding: 5px;
    border-radius: 3px;
}

#response-status-icon.iconmoon.icon-file-text-o.not-right::before {
	background: #ffffff!important;
    padding: 5px;
    border-radius: 3px;
}

#response-status-icon.iconmoon.icon-file-text-o.checking::before {
	background: #ffffff!important;
    padding: 5px;
    border-radius: 3px;
}

/* ---------------- */
/* ДИЗАЙН КНОПОК    */
/* ---------------- */

a.my_button {
  font-weight: 700;
  font-size: 20px!important;
  color: #ffffff!important;
  text-decoration: none;
  padding: .8em 1em calc(.8em - 3px);
  border-radius: 3px;
  background: #7344B4;
  box-shadow: 0 3px #7344B4; inset;
  transition: 0.2s;
} 
a.my_button:hover { background: #8556C6; }
a.my_button:active {
  background: #6C3DAD;
  box-shadow: 0 3px #6C3DAD; inset;
}

@media only screen and (max-width : 767px) {

a.my_button {
  font-size: 14px!important;
  }
}

/* ------------------------------- */
/* ЦВЕТ ТЕКСТА В ДОМАШНИХ ЗАДАНИЯХ */
/* ------------------------------- */

li {
  color: #000000;
}

.content-wrap .question-answer-row .content p {
  color: #000000;
}

/* -------------------- */
/* Ссылки в подвале     */
/* -------------------- */

.footer-content.wpm-content-text p a:hover {
text-decoration: underline;
}

/* ------------ */
/* ГЕЙМИФИКАЦИЯ */
/* ------------ */

/* Выравниваем иконку очков на больших экранах */
@media (min-width: 767px) {

#mblg-points {
	top: 3px;
}
}

/* Меняем направление выпадающего меню Геймификации */
.mblg-gamification-wrap .mblg-dropdown {
	left: auto;
	right: 0px;
}

.mblg-gamification-wrap {
	/* padding-left: 0px; */
}

/* Затемнение фона при нажатие на меню */
.mblg_backdrop {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #000;
  opacity: 0.6;
  z-index: 799;
}


/*ТЕНИ У КАРТОЧЕК НА ВСЕМ САЙТЕ*/
	
/*Тень у карточек уроков*/
.materials-row .material-item, .search-result-row .material-item {
    border: none;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 5%);
}

/*Тень у блоков контента с обводкой*/
.bordered-tabs .tab-content {
    box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);
}

/*Тень у табов — уменьшить ее размер и прозрачность вдвое относительно остальных теней и сделать сдвиг вверх на половину величины блюра*/
.bordered-tabs .nav-tabs li {
    box-shadow: 0px -5px 10px 0px rgb(0 0 0 / 3%);
}

/*Тень у раскрытого описания в рубрике*/
.page-title-row .page-description-content.visible {
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 5%);
}

/*Прозрачный фон с блюром (без фоновой картинки)*/
.wpm-preloader-overlay{
    background-color: rgba(244 240 239 / 80%) !important;
    background-image: none !important;
    backdrop-filter: blur(5px);
}