/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Супер-меню уроков - Блочный - ПК'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Игорь Лохман'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "../wp-content/plugins/super-style/assets/image/igor-main-author-ava.png"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Блочный дизайн уроков в меню - Обложка, иконка-статус, иконка (стрелка), заголовок, плашка ДЗ.'; */

/* ------------------------------------------------------------------------- */
/* БЛОЧНЫЙ - ОБЛОЖКА + ИКОНКА-СТАТУС, ЗАГОЛОВОК, ИКОНКА (стрелка), ПЛАШКА ДЗ */
/* ------------------------------------------------------------------------- */

/* ----------------- */
/* ПАНЕЛЬ УПРАВЛЕНИЯ */
/* ----------------- */

:root {

/* Закругление карточки */
--radius-panel-9: 24px;

/* Внутренний отступ карточки урока */
--padding-panel-9: 16px;

/* Расстояние между карточками */
--margin-bottom-panel-9: 20px;

/* ----------------- */
/* НАСТРОЙКИ ОБЛОЖКИ */
/* ----------------- */
	
	/* Ширина обложки */
	--cover-width-panel-9: 55px;
	
	/* Положение иконки-статуса на обложке - по вертикали */
	/* Подсказка: Поправьте, если изменили ширину обложки выше */
	--status-icon-top-position-panel-9: 16px;
	
	/* Закругление рамки обложки */
	/* Подсказка: значение "50%" - полностью закруглит обложку */
	--cover-radius-panel-9: 25%;

	/* фон обложки для прозрачных картинок */
	/* Подсказка: поставьте значение "transparent", если надо скрыть фон */
	--cover-bg-panel-9: #ffef00;
	
	/* Соотношение сторон обложки */
	/* Подсказка: "1" - квадратное, "16 / 9" - альбом, "9 / 16" - портрет */
	--cover-aspect-ratio-panel-9: 1;

/* ----------------------- */
/* НАСТРОЙКИ ФОНА КАРТОЧКИ */
/* ----------------------- */

	/* ОТКРЫТЫЙ МАТЕРИАЛ */
	/* ----------------- */

		/* Фон ОТКРЫТОГО материала */
		--open-bg-panel-9: #ffffff;

		/* Фон ОТКРЫТОГО материала - при наведении */
		--open-bg-hover-panel-9: #DFECE0;
		
		/* Фон ОТКРЫТОГО ТЕКУЩЕГО материала */
		--open-current-bg-panel-9: #DFECE0;

	/* ЗАКРЫТЫЙ МАТЕРИАЛ */
	/* ----------------- */

		/* Фон ЗАКРЫТОГО материала */
		--close-bg-panel-9: #ffffff;

		/* Фон ЗАКРЫТОГО материала - при наведении */
		--close-bg-hover-panel-9: #EED5D5;
		
		/* Фон ЗАКРЫТОГО ТЕКУЩЕГО материала */
		--close-current-bg-panel-9: #EED5D5;

	/* ЗАКРЫТЫЙ МАТЕРИАЛ АВТОТРЕНИНГА */
	/* ------------------------------ */

		/* Фон материала Автотренинга */
		--auto-bg-panel-9: #ffffff;

		/* Фон материала Автотренинга - при наведении */
		--auto-bg-hover-panel-9: #D8D8D8;

		/* Прозрачность полосатого наложения ЗАКРЫТОГО материала Автотренинга */
		/* Подсказка: "0" - наложение скрыто, "1" - наложение видно полностью */
		--auto-overlay-opacity-panel-9: 1;
		
		/* Прозрачность полосатого наложения ЗАКРЫТОГО материала Автотренинга - при наведении */
		/* Подсказка: "0" - наложение скрыто, "1" - наложение видно полностью */
		--auto-overlay-opacity-hover-panel-9: 1;

/* ------------------------ */
/* НАСТРОЙКИ РАМКИ КАРТОЧКИ */
/* ------------------------ */

/* Толщина рамки вокруг карточки урока - для всех доступов */
/* Подсказка: поставьте "0px", чтобы убрать все рамки */
--border-width-card-panel-9: 0px;

	/* ОТКРЫТЫЙ МАТЕРИАЛ */
	/* ----------------- */

		/* Цвет рамки ОТКРЫТОГО материала */
		--border-color-card-open-panel-9: #0080ff;
		
		/* Цвет рамки ОТКРЫТОГО материала - при наведении */
		--border-color-card-open-hover-panel-9: #1a6600;
		
		/* Цвет рамки ОТКРЫТОГО ТЕКУЩЕГО материала */
		--border-color-card-open-current-panel-9: #d96c00;

	/* ЗАКРЫТЫЙ МАТЕРИАЛ */
	/* ----------------- */
	
		/* Цвет рамки ЗАКРЫТОГО материала */
		--border-color-card-close-panel-9: #b30000;
		
		/* Цвет рамки ЗАКРЫТОГО материала - при наведении */
		--border-color-card-close-hover-panel-9: #0000d9;
		
		/* Цвет рамки ЗАКРЫТОГО ТЕКУЩЕГО материала */
		--border-color-card-close-current-panel-9: #8600b3;

	/* ЗАКРЫТЫЙ МАТЕРИАЛ АВТОТРЕНИНГА */
	/* ------------------------------ */
	
		/* Цвет рамки материала Автотренинга */
		--border-color-card-auto-panel-9: #222222;
		
		/* Цвет рамки материала Автотренинга - при наведении */
		--border-color-card-auto-hover-panel-9: #000000;

/* --------------------------- */
/* НАСТРОЙКИ КОНТЕНТА КАРТОЧКИ */
/* --------------------------- */

	/* Перенос слов в заголовке */
	/* Поставьте "auto", чтобы переносить слова через дефис */
	/* Поставьте "none", чтобы убрать перенос слов  */
	--title-and-description-hyphens-panel-9: auto;
	
	/* Прозрачность контента в ТЕКУЩЕМ материале */
	--content-opacity-current-panel-9: 0.3;
	
	/* Прозрачность контента ОТКРЫТОГО материала - при наведении */
	--content-opacity-open-hover-panel-9: 0.3;
	
	/* Прозрачность контента ЗАКРЫТОГО материала - при наведении */
	--content-opacity-closed-hover-panel-9: 0.3;
	
	/* Прозрачность контента ЗАКРЫТОГО материала Автотренинга - при наведении */
	--content-opacity-auto-hover-panel-9: 0.3;

	/* ЗАГОЛОВОК: */
	/* ---------- */

		/* Количество строк в заголовке материала */
		--title-lines-panel-9: 1;

		/* Размер заголовка */
		--title-size-panel-9: 2rem;

		/* Жирность заголовка материала */
		--title-weight-panel-9: 400;
		
		/* Шрифт заголовка */
		--title-font-family-panel-9: "PT Sans", sans-serif;
		/* --title-font-family-panel-9: tahoma, arial, helvetica, sans-serif; */

			/* ОТКРЫТЫЙ МАТЕРИАЛ */
			/* ----------------- */

				/* Цвет заголовка - в ОТКРЫТОМ материале */
				--title-color-opened-panel-9: #000000;
				
				/* Цвет заголовка - в ОТКРЫТОМ материале - при наведении */
				--title-color-opened-hover-panel-9: #000000;
				
				/* Цвет заголовка - в ОТКРЫТОМ ТЕКУЩЕМ материале */
				--open-title-color-current-panel-9: #000000;

			/* ЗАКРЫТЫЙ МАТЕРИАЛ */
			/* ----------------- */

				/* Цвет заголовка - в ЗАКРЫТОМ материале */
				--title-color-closed-panel-9: #000000;
		
				/* Цвет заголовка - в ЗАКРЫТОМ материале - при наведении */
				--title-color-closed-hover-panel-9: #d90000;
				
				/* Цвет заголовка - в ЗАКРЫТОМ ТЕКУЩЕМ материале */
				--close-title-color-current-panel-9: #d90000;

			/* ЗАКРЫТЫЙ МАТЕРИАЛ АВТОТРЕНИНГА */
			/* ------------------------------ */

				/* Цвет заголовка - в ЗАКРЫТОМ материале Автотренинга */
				--title-color-inaccessible-panel-9: #000000;
			
				/* Цвет заголовка - в ЗАКРЫТОМ материале Автотренинга - при наведении */
				--title-color-inaccessible-hover-panel-9: #000000;

/* ----------------------------------- */
/* НАСТРОЙКИ ИКОНКИ - В КОНЦЕ КАРТОЧКИ */
/* ----------------------------------- */

	/* Видимость иконки */
	/* Подсказка: "flex" - показывать, "none" - скрыть */
	--lock-icon-display-panel-9: flex;

	/* Иконка */
	/* "\f105" - стрелка вправо */
	--lock-icon-content-panel-9: "\f105";

	/* Размер иконки */
	--lock-icon-size-panel-9: 2rem;
	
	/* Размер фона иконки */
	/* Подсказка: ширина = высота */
	--lock-icon-bg-size-panel-9: 30px;

	/* Закругление фона иконки */
	--lock-icon-radius-panel-9: 10px;
	
	/* Фон иконки - по умолчанию */
	--lock-icon-bg-panel-9: rgba(245, 245, 245, 0.9);
	
	/* Фон иконки - по умолчанию - при наведении */
	--lock-icon-bg-hover-panel-9: rgba(245, 245, 245, 0.9);

	/* Прозрачность иконки в ТЕКУЩЕМ материале */
	--lock-icon-opacity-current-panel-9: 0.3;
	
	/* Прозрачность иконки при наведении на карточку материала */
	--lock-icon-opacity-hover-panel-9: 0.3;

		/* ОТКРЫТЫЙ МАТЕРИАЛ */
		/* ----------------- */

			/* Цвет иконки - в ОТКРЫТОМ материале */
			--lock-icon-color-opened-panel-9: #56bf50;
			
			/* Цвет иконки - в ОТКРЫТОМ материале - при наведении */
			--lock-icon-color-opened-hover-panel-9: #56bf50;

			/* Фон иконки - в ОТКРЫТОМ ТЕКУЩЕМ материале */
			--open-lock-icon-bg-current-panel-9: rgba(245, 245, 245, 0.9);
			
			/* Цвет иконки - в ОТКРЫТОМ ТЕКУЩЕМ материале */
			--open-lock-icon-color-current-panel-9: #56bf50;

		/* ЗАКРЫТЫЙ МАТЕРИАЛ */
		/* ----------------- */

			/* Цвет иконки - в ЗАКРЫТОМ материале */
			--lock-icon-color-closed-panel-9: #FF4B3E;

			/* Цвет иконки - в ЗАКРЫТОМ материал - при наведении */
			--lock-icon-color-closed-hover-panel-9: #FF4B3E;

			/* Фон иконки - в ЗАКРЫТОМ ТЕКУЩЕМ материале */
			--close-lock-icon-bg-current-panel-9: rgba(245, 245, 245, 0.9);

			/* Цвет иконки - в ЗАКРЫТОМ ТЕКУЩЕМ материале */
			--close-lock-icon-color-current-panel-9: #FF4B3E;

		/* ЗАКРЫТЫЙ МАТЕРИАЛ АВТОТРЕНИНГА */
		/* ------------------------------ */

			/* Цвет иконки - в ЗАКРЫТОМ материале Автотренинга */
			--lock-icon-color-inaccessible-panel-9: #212121;

			/* Цвет иконки - в ЗАКРЫТОМ материале Автотренинга - при наведении */
			--lock-icon-color-inaccessible-hover-panel-9: #212121;

/* ------------------------------------- */
/* НАСТРОЙКИ ИКОНКИ-СТАТУСА - НА ОБЛОЖКЕ */
/* ------------------------------------- */

	/* Прозрачность иконки статуса в ТЕКУЩЕМ материале */
	/* НЕ НУЖНО ТУТ, ТАК КАК ИКОНКА-СТАТУС ОТНОСИТСЯ К ОБЛОЖКЕ, КОТОРАЯ УЖЕ ДЕЛАЕТСЯ ПРОЗРАЧНОЙ ПРИ НАВЕДЕНИИ */
	/* --status-opacity-current-panel-9: 0.3; */

	/* Прозрачность иконки статуса при наведении на карточку материала */
	/* НЕ НУЖНО ТУТ, ТАК КАК ИКОНКА-СТАТУС ОТНОСИТСЯ К ОБЛОЖКЕ, КОТОРАЯ УЖЕ ДЕЛАЕТСЯ ПРОЗРАЧНОЙ ПРИ НАВЕДЕНИИ */
	/* --status-opacity-hover-panel-9: 0.3; */

	/* Видимость иконки-статуса на обложке - для всех статусов */
	/* Подсказка: значение "1" - показывать иконку, "0" - скрыть иконку */
	--new-status-visibility-panel-9: 1;

	/* Толщина обводки иконки-статуса - для всех статусов */
	/* Подсказка: значение "0px" - убрать обводку */
	--new-status-border-width-panel-9: 1px;

	/* Закругление фона иконки-статуса - для всех статусов */
	/* Подсказка: значение "50%" - идеально круглый фон */
	--new-status-border-radius-panel-9: 50%;

		/* СТАТУС - НЕ НАЧАТ: */
		/* ------------------ */

			/* Иконка статуса НЕ НАЧАТ */
			/* "\f04b" - плей */
			--new-icon-not-started-panel-9: "\f04b";

			/* Размер иконки-статуса НЕ НАЧАТ */
			--new-status-not-started-font-size-panel-9: 1.1rem;

			/* Фон иконки-статуса НЕ НАЧАТ */
			--new-status-not-started-bg-panel-9: #389de5;

			/* Цвет иконки-статуса НЕ НАЧАТ */
			--new-status-not-started-color-panel-9: #ffffff;

			/* Фон иконки-статуса НЕ НАЧАТ - при наведении */
			--new-status-not-started-bg-hover-panel-9: #389de5;

			/* Цвет иконки-статуса НЕ НАЧАТ - при наведении */
			--new-status-not-started-color-hover-panel-9: #ffffff;

			/* Цвет обводки иконки-статуса НЕ НАЧАТ */
			--new-status-not-started-border-color-panel-9: #ffffff;

		/* СТАТУС - ПРОВЕРЯЕТСЯ: */
		/* --------------------- */	

			/* Иконка статуса ПРОВЕРЯЕТСЯ */
			/* "\f253" - песочные часы */
			--new-icon-checking-panel-9: "\f253";

			/* Размер иконки-статуса ПРОВЕРЯЕТСЯ */
			--new-status-checking-font-size-panel-9: 1.1rem;

			/* Фон иконки-статуса ПРОВЕРЯЕТСЯ */
			--new-status-checking-bg-panel-9: #389de5;

			/* Цвет иконки-статуса ПРОВЕРЯЕТСЯ */
			--new-status-checking-color-panel-9: #ffffff;

			/* Фон иконки-статуса ПРОВЕРЯЕТСЯ - при наведении */
			--new-status-checking-bg-hover-panel-9: #389de5;

			/* Цвет иконки-статуса ПРОВЕРЯЕТСЯ - при наведении */
			--new-status-checking-color-hover-panel-9: #ffffff;

			/* Цвет обводки иконки-статуса ПРОВЕРЯЕТСЯ */
			--new-status-checking-border-color-panel-9: #ffffff;

		/* СТАТУС - ВЫПОЛНЕНО: */
		/* ------------------- */

			/* Иконка статуса ВЫПОЛНЕНО */
			/* "\f00c" - галочка */
			/* "\f118" - смайл */
			--new-icon-done-panel-9: "\f00c";

			/* Размер иконки-статуса ВЫПОЛНЕНО */
			--new-status-done-font-size-panel-9: 1.3rem;

			/* Фон иконки-статуса ВЫПОЛНЕНО */
			--new-status-done-bg-panel-9: #71d43a;

			/* Цвет иконки-статуса ВЫПОЛНЕНО */
			--new-status-done-color-panel-9: #ffffff;

			/* Фон иконки-статуса ВЫПОЛНЕНО - при наведении */
			--new-status-done-bg-hover-panel-9: #71d43a;

			/* Цвет иконки-статуса ВЫПОЛНЕНО - при наведении */
			--new-status-done-color-hover-panel-9: #ffffff;

			/* Цвет обводки иконки-статуса ВЫПОЛНЕНО */
			--new-status-done-border-color-panel-9: #ffffff;

		/* СТАТУС - ОТКЛОНЕНО: */
		/* ---------------------- */

			/* Иконка статуса ОТКЛОНЕНО */
			/* "\f00d" - крестик */
			/* "\f119" - грустный смайлик */
			--new-icon-not-right-panel-9: "\f00d";

			/* Размер иконки-статуса ОТКЛОНЕНО */
			--new-status-not-right-font-size-panel-9: 1.3rem;

			/* Фон иконки-статуса ОТКЛОНЕНО */
			--new-status-not-right-bg-panel-9: #ff2828;

			/* Цвет иконки-статуса ОТКЛОНЕНО */
			--new-status-not-right-color-panel-9: #ffffff;

			/* Фон иконки-статуса ОТКЛОНЕНО - при наведении */
			--new-status-not-right-bg-hover-panel-9: #ff2828;

			/* Цвет иконки-статуса ОТКЛОНЕНО - при наведении */
			--new-status-not-right-color-hover-panel-9: #ffffff;

			/* Цвет обводки иконки-статуса ОТКЛОНЕНО */
			--new-status-not-right-border-color-panel-9: #ffffff;

		/* СТАТУС - С ТАЙМЕРОМ: */
		/* -------------------- */

			/* Иконка статуса с ТАЙМЕРОМ */
			/* "\f017" - часы */
			--new-icon-countdown-panel-9: "\f017";

			/* Размер иконки-статуса с ТАЙМЕРОМ */
			--new-status-countdown-font-size-panel-9: 1.3rem;

			/* Фон иконки-статуса с ТАЙМЕРОМ */
			--new-status-countdown-bg-panel-9: #389de5;

			/* Цвет иконки-статуса с ТАЙМЕРОМ */
			--new-status-countdown-color-panel-9: #ffffff;

			/* Фон иконки-статуса с ТАЙМЕРОМ - при наведении */
			--new-status-countdown-bg-hover-panel-9: #389de5;

			/* Цвет иконки-статуса с ТАЙМЕРОМ - при наведении */
			--new-status-countdown-color-hover-panel-9: #ffffff;

			/* Цвет обводки иконки-статуса с ТАЙМЕРОМ */
			--new-status-countdown-border-color-panel-9: #ffffff;

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

			/* Иконка статуса в ЗАКРЫТОМ материале */
			/* "\f023" - закрытый замок */
			--new-icon-closed-panel-9: "\f023";

			/* Размер иконки-статуса в ЗАКРЫТОМ материале */
			--new-status-closed-font-size-panel-9: 1.7rem;

			/* Фон иконки-статуса в ЗАКРЫТОМ материале */
			--new-status-closed-bg-panel-9: #ffffff;

			/* Цвет иконки-статуса в ЗАКРЫТОМ материале */
			--new-status-closed-color-panel-9: #FF4B3E;

			/* Фон иконки-статуса в ЗАКРЫТОМ материале - при наведении */
			--new-status-closed-bg-hover-panel-9: #ffffff;

			/* Цвет иконки-статуса в ЗАКРЫТОМ материале - при наведении */
			--new-status-closed-color-hover-panel-9: #FF4B3E;

			/* Цвет обводки иконки-статуса в ЗАКРЫТОМ материале */
			--new-status-closed-border-color-panel-9: #FF4B3E;

		/* СТАТУС - ЗАКРЫТЫЙ МАТЕРИАЛ АВТОТРЕНИНГА: */
		/* ---------------------------------------- */

			/* Иконка статуса в ЗАКРЫТОМ материале Автотренинга */
			/* "\f023" - закрытый замок */
			--new-icon-inaccessible-panel-9: "\f023";

			/* Размер иконки-статуса в ЗАКРЫТОМ материале Автотренинга */
			--new-status-inaccessible-font-size-panel-9: 1.7rem;

			/* Фон иконки-статуса в ЗАКРЫТОМ материале Автотренинга */
			--new-status-inaccessible-bg-panel-9: #ffffff;

			/* Цвет иконки-статуса в ЗАКРЫТОМ материале Автотренинга */
			--new-status-inaccessible-color-panel-9: #212121;

			/* Фон иконки-статуса в ЗАКРЫТОМ материале Автотренинга - при наведении */
			--new-status-inaccessible-bg-hover-panel-9: #ffffff;

			/* Цвет иконки-статуса в ЗАКРЫТОМ материале Автотренинга - при наведении */
			--new-status-inaccessible-color-hover-panel-9: #212121;

			/* Цвет обводки иконки-статуса в ЗАКРЫТОМ материале Автотренинга */
			--new-status-inaccessible-border-color-panel-9: #212121;

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

	/* Отображение плашки со статусом ДЗ */
	/* Подсказка: "flex" - отображать, "none" - скрыть */
	--holder-homework-display-panel-9: flex;

	/* Текст на плашке «ДЗ ПРОВЕРЯЕТСЯ» */
	/* ВАЖНО! Измените текст только между кавычками '' */
	--holder-checking-text-panel-9: "Домашка проверяется. Ожидайте";

	/* Текст на плашке ОТКЛОНЁННОГО МАТЕРИАЛА */
	--holder-not-right-text-panel-9: "Неправильно. Пересдайте домашку";

	/* Закругление плашки со статусом ДЗ */
	--holder-homework-radius-panel-9: 15px;

	/* Фон плашки «ДЗ проверяется» */
	--holder-checking-bg-panel-9: rgb(56 157 229 / 5%);

	/* Цвет текста на плашке «ДЗ проверяется» */
	--holder-checking-color-panel-9: #389de5;

	/* Фон плашки «Отклонённое ДЗ» */
	--holder-not-right-bg-panel-9: rgb(255 40 40 / 5%);

	/* Цвет текста на плашке «Отклонённое ДЗ» */
	--holder-not-right-color-panel-9: #ff2828;
	
	/* Фон плашки с таймером */
	--holder-countdown-bg-panel-9: rgb(255 255 255 / 70%);

	/* Цвет текста на плашке с таймером */
	--holder-countdown-color-panel-9: #4a4a4a;

	/* Размер Заголовка на плашке с таймером */
	--holder-title-size-countdown-panel-9: 18px;

	/* Размер иконки на плашке с таймером */
	--holder-icon-size-countdown-panel-9: 30px;

/* ------------------------ */
/* ДИЗАЙН ЗАГОЛОВКОВ В МЕНЮ */
/* ------------------------ */

	/* Видимость заголовков в меню */
	/* Инфо: работает, если у вас есть премиум-дополнение "Материалы как заголовки" */
	/* Подсказка: "block" - показывать, "none" - скрыть */
	--display-mlt-panel-9: block;

	/* Верхний и нижний отступ заголовка */
	--margin-bottom-mlt-panel-9: 30px;

	/* Подсказка: "left" - слева, "center" - по центру, "right" - справа */
	--align-mlt-panel-9: left;

	/* Левый отступ заголовка */
	/* Важно: поставьте "0px", если заголовок посередине или справа */
	--padding-left-mlt-panel-9: 18px;

	/* Цвет заголовка */
	--color-mlt-panel-9: #000000;
	
	/* Размер заголовка */
	--font-size-mlt-panel-9: 2.9rem;
	
	/* Шрифт заголовка */
	--font-family-mlt-panel-9: "PT Sans", sans-serif;
	
	/* Жирность заголовка */
	--font-weight-mlt-panel-9: 700;

}

/* 1. БЛОК ВСЕХ БЛОКОВ */
/* ------------------- */



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

/* 2. БЛОК ВСЕЙ КАРТОЧКИ */
/* --------------------- */

/* Общие настройки */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12 {
    float: none;
	/* padding-right: 15px; */
    /* padding-left: 15px; */
	
	/* убираем отступы */
	padding: 0;
	
	/* вертикальный отступ между карточками */
	margin-bottom: var(--margin-bottom-panel-9);
}

/* убираем нижний отступ у последней карточки материала */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12:last-child {
	/* вертикальный отступ между карточками */
	margin-bottom: 0px;
}

/* Количество карточек в ряду на всех экранах */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12 {
    width: 100%;
}

/* ===================== */
/* БЛОК - ОБЁРТКА ССЫЛКИ */
/* ===================== */

/* Карточка урока */
/* Рамка вокруг обложки и описания */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item {
	display: flex;
	flex-flow: column;
	gap: 20px;
	
	border-radius: var(--radius-panel-9);
	/* padding: var(--padding-panel-9); */
	transition: all 0.25s ease-out!important;
	/* Убираем перекрытие карточки, чтобы видно было иконку-статус ДЗ */
    overflow: visible;
	
	/* убираем родной отступ, так как в Обёртке списка Материалов есть GAP */
	/* нужно для корректного закругления карточек */
	margin: 0;
}

/* Меняем курсор при наведении на ЗАКРЫТЫЙ урок Автотренинга */
/* Дополнительно - Меняем курсор при наведении на Открытый урок, в котором есть плашка с таймером */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12 .material-inaccessible:hover,
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12 .material-item.material-opened:has([class*="mbl-material-countdown-holder"]):hover {
	cursor: not-allowed;
}

/* ----------------------------------------------- */
/* ФОН И РАМКА КАРТОЧКИ - В ЗАВИСИМОСТИ ОТ ДОСТУПА */
/* ----------------------------------------------- */

/* ДОСТУП ОТКРЫТ */
/* ------------- */

/* Фон и рамка открытой карточки */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-opened {
    background: var(--open-bg-panel-9);
	box-shadow: inset 0px 0px 0px var(--border-width-card-panel-9) var(--border-color-card-open-panel-9);
}

/* ДОСТУП ОТКРЫТ ПРИ НАВЕДЕНИИ */
/* --------------------------- */

/* Фон и рамка карточки при наведении */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-opened:hover {
    background: var(--open-bg-hover-panel-9);
	box-shadow: inset 0px 0px 0px var(--border-width-card-panel-9) var(--border-color-card-open-hover-panel-9);
}

/* ДОСТУП ЗАКРЫТ */
/* ------------- */

/* Фон и рамка закрытой карточки */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-closed {
    background: var(--close-bg-panel-9);
	box-shadow: inset 0px 0px 0px var(--border-width-card-panel-9) var(--border-color-card-close-panel-9);
}

/* ДОСТУП ЗАКРЫТ ПРИ НАВЕДЕНИИ */
/* --------------------------- */

/* Фон и рамка карточки при наведении */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-closed:hover {
    background: var(--close-bg-hover-panel-9);
	box-shadow: inset 0px 0px 0px var(--border-width-card-panel-9) var(--border-color-card-close-hover-panel-9);
}

/* ТЕКУЩИЙ МАТЕРИАЛ В МЕНЮ */
/* ----------------------- */

/* Фон и рамка текущего Открытого материала */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-opened {
	background: var(--open-current-bg-panel-9);
	box-shadow: inset 0px 0px 0px var(--border-width-card-panel-9) var(--border-color-card-open-current-panel-9);
}

/* Фон и рамка текущего Закрытого материала */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-closed {
	background: var(--close-current-bg-panel-9);
	box-shadow: inset 0px 0px 0px var(--border-width-card-panel-9) var(--border-color-card-close-current-panel-9);
}

/* 3. БЛОК - ССЫЛКА */
/* ---------------- */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item a {
	display: flex;
	flex-flow: row;
    height: auto;
	gap: 15px;
	border-radius: var(--radius-panel-9);
    padding: var(--padding-panel-9);
}

/* Убираем кликабельность ТЕКУЩЕГО материала */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-item a {
	cursor: default;
    pointer-events: none;
}

/* 4. БЛОК - ОБЛОЖКА */
/* ----------------- */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .flex-wrap .col-thumb {
	width: auto;
    height: auto;
	border-radius: 0;
	background: none;
	overflow: visible;
	transition: all 0.25s ease-out;
	
	/* выравниваем блок обложки по верхнему краю родительского блока */
	/* height: 40px; */
	align-self: center;
	/* align-self: start; */
	
	/* стили для новых иконок-статусов ДЗ */
	display: flex;
    flex-flow: row;
    /* flex-flow: var(--cover-flow-panel-9); */
    align-items: center;
    gap: 15px;
}

/* Соотношение обложки */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .thumbnail-wrap {
    min-height: auto;
	height: auto;
    aspect-ratio: var(--cover-aspect-ratio-panel-9);
    width: var(--cover-width-panel-9);
	position: relative;
	background-size: cover;
    border-radius: var(--cover-radius-panel-9);
	transition: all 0.25s ease-out;
	/* выравниваем верхние и нижние индикаторы по центру блока обложки */
	align-items: center;
    display: flex;
	flex-direction: row;
	column-gap: 3px;
	/* фон обложки для прозрачных картинок */
	background-color: var(--cover-bg-panel-9);
	
	/* скрываем обложку */
	/* display: none; */
}

/* Прозрачность блока обложки в ТЕКУЩЕМ материале*/

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-item .thumbnail-wrap {
    opacity: var(--content-opacity-current-panel-9);
}

/* Прозрачность блока обложки при наведении на ОТКРЫТУЮ карточку */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-opened:hover .thumbnail-wrap {
    opacity: var(--content-opacity-open-hover-panel-9);
}

/* Прозрачность блока обложки при наведении на ЗАКРЫТУЮ карточку */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-closed:hover .thumbnail-wrap {
    opacity: var(--content-opacity-closed-hover-panel-9);
}

/* Прозрачность блока обложки при наведении на ЗАКРЫТУЮ карточку АВТОТРЕНИНГА */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-inaccessible:hover .thumbnail-wrap {
    opacity: var(--content-opacity-auto-hover-panel-9);
}

/* 5. БЛОК - ОПИСАНИЕ */
/* ------------------ */

/* Убираем кнопки при наведении на карточку */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .content-overlay,

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:hover .content-overlay {
	display: none;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .flex-wrap .col-content {
	/* width: auto; */
	width: 100%;
	height: auto;
	border: none;
	border-radius: 0;
	background: none;
	
	/* выравниваем блок описания по центру родительского блока */
	align-self: center;
	
	/* левый отступ блока описания в зависимости от видимости иконки-статуса */
	/* нужно, так как здесь есть обложка, на которой иконка-статус */
	margin-left: calc(10px * var(--new-status-visibility-panel-9));
}

/* Убираем фон описания при наведении. Вместо него общий фон карточки */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:hover .flex-wrap .col-content {
	background: none;
}

/* Прозрачность блока с описанием в ТЕКУЩЕМ материале */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-item .content-wrap {
    opacity: var(--content-opacity-current-panel-9)!important;
}

/* Прозрачность блока с описанием при наведении на ОТКРЫТУЮ карточку */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-opened:hover .content-wrap {
    opacity: var(--content-opacity-open-hover-panel-9)!important;
}

/* Прозрачность блока с описанием при наведении на ЗАКРЫТУЮ карточку */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-closed:hover .content-wrap {
    opacity: var(--content-opacity-closed-hover-panel-9)!important;
}

/* Прозрачность блока с описанием при наведении на ЗАКРЫТУЮ карточку АВТОТРЕНИНГА */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-inaccessible:hover .content-wrap {
    opacity: var(--content-opacity-auto-hover-panel-9)!important;
}

/* Отступы блока описания */
/* Убираем нижнюю рамку, которая обрезает торчащие буквы в описании - потому что нет описания */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .flex-wrap .col-content .content-wrap {
    border: none;
	padding: 0;
    margin: 0;
	/* padding: 0px 10px 0px 20px; */
	display: flex;
	/* flex-wrap: wrap; */
	gap: 10px;
	/* обновление - иначе описание липнет к короткому названию */
	flex-flow: column;
	transition: all 0.25s ease-out;
}

/* ЗАГОЛОВОК МАТЕРИАЛА */
/* ------------------- */

/* Заголовок материала */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .content-wrap .title {
	font-weight: var(--title-weight-panel-9);
	font-family: var(--title-font-family-panel-9);
	font-size: var(--title-size-panel-9);
	line-height: normal;
	margin: 0;
}

/* Заголовок в ОТКРЫТОМ материале */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-opened .content-wrap .title {
	color: var(--title-color-opened-panel-9)!important;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-opened:hover .content-wrap .title {
	color: var(--title-color-opened-hover-panel-9)!important;
}

/* Цвет заголовка в ОТКРЫТОМ ТЕКУЩЕМ материале */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-item.material-opened .content-wrap .title {
	color: var(--open-title-color-current-panel-9)!important;
}

/* Заголовок в ЗАКРЫТОМ материале */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-closed .content-wrap .title {
	color: var(--title-color-closed-panel-9)!important;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-closed:hover .content-wrap .title {
	color: var(--title-color-closed-hover-panel-9)!important;
}

/* Цвет заголовка в ЗАКРЫТОМ ТЕКУЩЕМ материале */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-item.material-closed .content-wrap .title {
	color: var(--close-title-color-current-panel-9)!important;
}

/* Заголовок в ЗАКРЫТОМ материале Автотренинга */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-inaccessible .content-wrap .title {
	color: var(--title-color-inaccessible-panel-9)!important;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-inaccessible:hover .content-wrap .title {
	color: var(--title-color-inaccessible-hover-panel-9)!important;
}

/* Количество строк в заголовке материала */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .flex-wrap .content-wrap .title {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: var(--title-lines-panel-9);
    line-clamp: var(--title-lines-panel-9);
    -webkit-box-orient: vertical;
	/* перенос текста */
    /* hyphens: auto; */
    hyphens: var(--title-and-description-hyphens-panel-9);
}

/* ОПИСАНИЕ МАТЕРИАЛА */
/* ------------------ */

/* Описание материала */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .flex-wrap .content-wrap .description {
	display: none;
}

/* 6. НАЛОЖЕНИЕ АВТОТРЕНИНГА */
/* ------------------------- */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-inaccessible:before {
	border-radius: var(--radius-panel-9);
	/* коррекция положения наложения */
	left: 0px;
    top: 0;
	/* фон наложения */
	background: repeating-linear-gradient(-45deg, rgba(193, 193, 193, 0.4), rgba(193, 193, 193, 0.4) 25px, rgba(193, 193, 193, 0.6) 25px, rgba(193, 193, 193, 0.6) 50px);
	/* наложение выше всей карточки */
	z-index: 500;
	/* прозрачность наложения автотренинга */
	opacity: var(--auto-overlay-opacity-panel-9);
	transition: all 0.25s ease-out;
}

/* Фон материала Автотренинга */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-inaccessible {
    background: var(--auto-bg-panel-9);
	box-shadow: inset 0px 0px 0px var(--border-width-card-panel-9) var(--border-color-card-auto-panel-9);
}

/* ДОПОЛНИТЕЛЬНО - КОРРЕКТИРОВКА ОТКРЫТОГО МАТЕРИАЛА, В КОТОРОМ ЕСТЬ ПЛАШКА С ТАЙМЕРОМ */
/* Нужно, чтобы у открытого материала с таймером был такой же полосатый фон как у Автотренинга */

/* Создаём полосатое наложение */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-opened:has([class*="mbl-material-countdown-holder"]):before {
	content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
	border-radius: var(--radius-panel-9);
	/* коррекция положения наложения */
	left: 0px;
    top: 0;
	/* фон наложения */
	background: repeating-linear-gradient(-45deg, rgba(193, 193, 193, 0.4), rgba(193, 193, 193, 0.4) 25px, rgba(193, 193, 193, 0.6) 25px, rgba(193, 193, 193, 0.6) 50px);
	/* наложение выше всей карточки */
	z-index: 500;
	/* прозрачность наложения автотренинга */
	opacity: var(--auto-overlay-opacity-panel-9);
	transition: all 0.25s ease-out;
}

/* Фон Открытого материала, в котором есть плашка с Таймером */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-opened:has([class*="mbl-material-countdown-holder"]) {
    background: var(--auto-bg-panel-9);
	box-shadow: inset 0px 0px 0px var(--border-width-card-panel-9) var(--border-color-card-auto-panel-9);
}

/* НЕ ПРОЙДЕННЫЙ УРОК АВТОТРЕНИНГА ПРИ НАВЕДЕНИИ */
/* --------------------------------------------- */

/* Фон карточки при наведении */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-inaccessible:hover {
    background: var(--auto-bg-hover-panel-9);
	box-shadow: inset 0px 0px 0px var(--border-width-card-panel-9) var(--border-color-card-auto-hover-panel-9);
}

/* Прозрачность наложения автотренинга при наведении */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-inaccessible:hover:before {
	opacity: var(--auto-overlay-opacity-hover-panel-9);
}

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

/* Фон Открытой карточки, в которой есть плашка с таймером - при наведении */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-opened:has([class*="mbl-material-countdown-holder"]):hover {
    background: var(--auto-bg-hover-panel-9);
	box-shadow: inset 0px 0px 0px var(--border-width-card-panel-9) var(--border-color-card-auto-hover-panel-9);
}

/* Прозрачность наложения карточки, в которой есть плашка с таймером - при наведении */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-opened:has([class*="mbl-material-countdown-holder"]):hover:before {
	opacity: var(--auto-overlay-opacity-hover-panel-9);
}

/* 7. ИНДИКАТОРЫ МАТЕРИАЛА */
/* ----------------------- */

/* ВЕРХНИЕ ИНДИКАТОРЫ */
/* ------------------ */

/* Выравнивание верхних иконок */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .thumbnail-wrap .icons-top {
	position: unset;
	width: max-content;
	height: max-content;
}

/* Скрываем верхние индикаторы */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .thumbnail-wrap .icons-top {
	display: none;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .thumbnail-wrap .icons-top .icons {
    margin: 0;
    display: flex;
    width: max-content;
    column-gap: 3px;
	align-items: center;
}

/* Скрываем порядковый номер и типы контента */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .thumbnail-wrap .icons-top .m-icon {
	display: none;
}

/* Скрываем ЗАМОК доступности материала */
/* Вместо него ИКОНКА (БЕЗ СТАТУСА) */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .thumbnail-wrap .icons-top .icons .status-icon {
	display: none;
}

/* СОЗДАЁМ ИКОНКИ (БЕЗ СТАТУСА) */

/* Общие настройки */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-opened a:after,
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-closed a:after,
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-inaccessible a:after {
	/* стрелка вместо замка */
	content: var(--lock-icon-content-panel-9);
	font-family: "icomoon" !important;
	font-size: var(--lock-icon-size-panel-9);
	background: var(--lock-icon-bg-panel-9);
	display: var(--lock-icon-display-panel-9);
	/* display: flex; */
    align-items: center;
	justify-content: center;
	/* запрещаем сужать блок иконки */
	flex-shrink: 0;
    padding: 15px;
	line-height: normal;
	width: var(--lock-icon-bg-size-panel-9);
	height: var(--lock-icon-bg-size-panel-9);
    border-radius: var(--lock-icon-radius-panel-9);
	/* align-self: start; */
	align-self: center;
	
	transition: all 0.25s ease-out;
}

/* Фон ИКОНКИ в ОТКРЫТОМ ТЕКУЩЕМ материале */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-opened a:after {
	background: var(--open-lock-icon-bg-current-panel-9);
}

/* Фон ИКОНКИ в ЗАКРЫТОМ ТЕКУЩЕМ материале */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-closed a:after {
	background: var(--close-lock-icon-bg-current-panel-9);
}

/* Прозрачность ИКОНКИ в ТЕКУЩЕМ материале (открытый и закрытый материал) */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-opened a:after,
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-closed a:after {
	opacity: var(--lock-icon-opacity-current-panel-9);
}

/* Фон ИКОНКИ - при наведении */
/* Прозрачность иконки при наведении на карточку материала */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-opened:hover a:after,
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-closed:hover a:after,
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-inaccessible:hover a:after {
	background: var(--lock-icon-bg-hover-panel-9);
	opacity: var(--lock-icon-opacity-hover-panel-9);
}

/* Цвет ИКОНКИ в ОТКРЫТОМ ТЕКУЩЕМ материале */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-opened a:after {
	color: var(--open-lock-icon-color-current-panel-9);
}

/* Цвет ИКОНКИ в ОТКРЫТОМ материале */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-opened a:after {
	color: var(--lock-icon-color-opened-panel-9);
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-opened:hover a:after {
	color: var(--lock-icon-color-opened-hover-panel-9);
}

/* Цвет ИКОНКИ в ЗАКРЫТОМ ТЕКУЩЕМ материале */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-closed a:after {
	color: var(--close-lock-icon-color-current-panel-9);
}

/* Цвет ИКОНКИ в ЗАКРЫТОМ материале */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-closed a:after {
	color: var(--lock-icon-color-closed-panel-9);
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-closed:hover a:after {
	color: var(--lock-icon-color-closed-hover-panel-9);
}

/* Цвет ИКОНКИ в ЗАКРЫТОМ материале АВТОТРЕНИНГА */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-inaccessible a:after {
	color: var(--lock-icon-color-inaccessible-panel-9);
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-inaccessible:hover a:after {
	color: var(--lock-icon-color-inaccessible-hover-panel-9);
}

/* НИЖНИЕ ИНДИКАТОРЫ */
/* ----------------- */

/* Скрываем нижние индикаторы */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .thumbnail-wrap .icons-bottom {
	display: none;
}

/* УБИРАЕМ галочку пройденного материала на обложке - родная галочка */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .col-thumb.done:after {
	display: none!important;
}

/* ИКОНКИ-СТАТУСЫ ДЗ - В НАЧАЛЕ КАРТОЧКИ */
/* ------------------------------------- */

/* Убираем родную прозрачность и фон у псевдоэлемента блока обложки */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item a .col-thumb:before {
	opacity: 1;
	background: none;
	visibility: hidden;
}

/* Общие настройки */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item a .col-thumb .thumbnail-wrap:before {
	display: flex;
    align-items: center;
	justify-content: center;
    font-family: "icomoon" !important;
	/* положение иконки-статуса - на обложке */
	position: relative;
	/* корретировка положения иконки на обложке по высоте - для разных размеров обложки */
	top: var(--status-icon-top-position-panel-9);
	/* фиксируем горизонтальное положение иконки на обложки при любой ширине обложки */
    left: calc(var(--cover-width-panel-9) - 13px);
	/* position: absolute; */
    /* left: 42px; */
    /* top: 31px; */
    /* font-size: 1.3rem; */
	/* left: calc(-60px - var(--padding-panel-9)); */
    line-height: normal;
	/* Дополнительно - настройка видимости иконки-статуса */
	opacity: var(--new-status-visibility-panel-9);
    /* opacity: 1; */
    z-index: 5;
	width: 25px;
	height: 25px;
	/* Толщина обводки иконки-статуса - для всех статусов */
	border: var(--new-status-border-width-panel-9) solid;
	/* Закругление фона иконки-статуса - для всех статусов */
    border-radius: var(--new-status-border-radius-panel-9);
	visibility: visible;
	
	/* положение иконки-статуса - слева */
	/* position: relative; */
    /* left: 0px; */
    /* top: 0px; */
	
	transition: all 0.25s ease-out;
	
	/* не нужно? */
	/* padding: 10px; */
}

/* Прозрачность иконки-статуса в ТЕКУЩЕМ материале */
/* НЕ НУЖНО ТУТ, ТАК КАК ИКОНКА-СТАТУС ОТНОСИТСЯ К ОБЛОЖКЕ, КОТОРАЯ УЖЕ ДЕЛАЕТСЯ ПРОЗРАЧНОЙ ПРИ НАВЕДЕНИИ */
/* Дополнительно - настройка видимости иконки-статуса */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .current-post .material-item a .col-thumb .thumbnail-wrap:before {
	opacity: var(--new-status-visibility-panel-9) !important;
    /* opacity: var(--status-opacity-current-panel-9)!important; */
}

/* Прозрачность иконки-статуса при наведении на карточку материала */
/* НЕ НУЖНО ТУТ, ТАК КАК ИКОНКА-СТАТУС ОТНОСИТСЯ К ОБЛОЖКЕ, КОТОРАЯ УЖЕ ДЕЛАЕТСЯ ПРОЗРАЧНОЙ ПРИ НАВЕДЕНИИ */
/* Дополнительно - настройка видимости иконки-статуса */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:hover a .col-thumb .thumbnail-wrap:before {
	opacity: var(--new-status-visibility-panel-9) !important;
    /* opacity: var(--status-opacity-hover-panel-9)!important; */
}

/* Новая галочка на маленьких экранах */

/* @media (min-width: 320px) and (max-width: 767px) {
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-inaccessible a .col-thumb:after,
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:not(.material-inaccessible) a .col-thumb:before {
	left: 33px;
	top: 23px;
	scale: 0.6;
    z-index: 500;
}
} */

/* ИКОНКА-СТАТУС У НЕ НАЧАТОГО ОТКРЫТОГО МАТЕРИАЛА */
	
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-opened a .col-thumb .thumbnail-wrap:before {
	content: var(--new-icon-not-started-panel-9);
    color: var(--new-status-not-started-color-panel-9);
    background: var(--new-status-not-started-bg-panel-9);
	font-size: var(--new-status-not-started-font-size-panel-9);
	border-color: var(--new-status-not-started-border-color-panel-9);
	padding-left: 2px;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-opened:hover a .col-thumb .thumbnail-wrap:before {
    color: var(--new-status-not-started-color-hover-panel-9);
    background: var(--new-status-not-started-bg-hover-panel-9);
}

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

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-done a .col-thumb .thumbnail-wrap:before {
    content: var(--new-icon-done-panel-9);
    color: var(--new-status-done-color-panel-9);
    background: var(--new-status-done-bg-panel-9);
	font-size: var(--new-status-done-font-size-panel-9);
	border-color: var(--new-status-done-border-color-panel-9);
	padding-left: 0px;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-done:hover a .col-thumb .thumbnail-wrap:before {
    color: var(--new-status-done-color-hover-panel-9);
    background: var(--new-status-done-bg-hover-panel-9);
}

/* ИКОНКА-СТАТУС У ЗАКРЫТОГО МАТЕРИАЛА АВТОТРЕНИНГА */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-inaccessible a .col-thumb .thumbnail-wrap:before {
	content: var(--new-icon-inaccessible-panel-9);
	color: var(--new-status-inaccessible-color-panel-9);
	background: var(--new-status-inaccessible-bg-panel-9);
	font-size: var(--new-status-inaccessible-font-size-panel-9);
	border-color: var(--new-status-inaccessible-border-color-panel-9);
	padding-left: 0px;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-inaccessible:hover a .col-thumb .thumbnail-wrap:before {
	color: var(--new-status-inaccessible-color-hover-panel-9);
	background: var(--new-status-inaccessible-bg-hover-panel-9);
}

/* ИКОНКА-СТАТУС У ПРОВЕРЯЕМОГО МАТЕРИАЛА АВТОТРЕНИНГА */

/* Добавляем иконку-статус реально проверяемому материалу автотренинга */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-opened:has([class*="status"][class*="checking"]) a .col-thumb .thumbnail-wrap:before {
	content: var(--new-icon-checking-panel-9);
    color: var(--new-status-checking-color-panel-9);
    background: var(--new-status-checking-bg-panel-9);
	font-size: var(--new-status-checking-font-size-panel-9);
	border-color: var(--new-status-checking-border-color-panel-9);
	padding-left: 0px;
	
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-opened:has([class*="status"][class*="checking"]):hover a .col-thumb .thumbnail-wrap:before {
    color: var(--new-status-checking-color-hover-panel-9);
    background: var(--new-status-checking-bg-hover-panel-9);
}

/* ИКОНКА-СТАТУС У ОТКЛОНЁННОГО МАТЕРИАЛА */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="not-right"]) a .col-thumb .thumbnail-wrap:before {
	content: var(--new-icon-not-right-panel-9) !important;
    color: var(--new-status-not-right-color-panel-9) !important;
    background: var(--new-status-not-right-bg-panel-9) !important;
	font-size: var(--new-status-not-right-font-size-panel-9) !important;
	border-color: var(--new-status-not-right-border-color-panel-9)!important;
	padding-left: 0px !important;
	padding-bottom: 1px !important;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="not-right"]):hover a .col-thumb .thumbnail-wrap:before {
    color: var(--new-status-not-right-color-hover-panel-9) !important;
    background: var(--new-status-not-right-bg-hover-panel-9) !important;
}

/* ИКОНКА-СТАТУС У МАТЕРИАЛА АВТОТРЕНИНГА С ТАЙМЕРОМ */
/* Такая же как и на плашке с таймером */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="mbl-material-countdown-holder"]) a .col-thumb .thumbnail-wrap:before {
	content: var(--new-icon-countdown-panel-9);
	color: var(--new-status-countdown-color-panel-9);
    background: var(--new-status-countdown-bg-panel-9);
	font-size: var(--new-status-countdown-font-size-panel-9);
	border-color: var(--new-status-countdown-border-color-panel-9);
	padding-left: 0px;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="mbl-material-countdown-holder"]):hover a .col-thumb .thumbnail-wrap:before {
	color: var(--new-status-countdown-color-hover-panel-9);
    background: var(--new-status-countdown-bg-hover-panel-9);
}

/* ИКОНКА-СТАТУС У ЗАКРЫТОГО УРОВНЕМ ДОСТУПА МАТЕРИАЛА - ПРИОРИТЕТ */
/* Заменяет другие иконки-статусы, если урок стал недоступен */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-closed a .col-thumb .thumbnail-wrap:before {
	content: var(--new-icon-closed-panel-9);
	color: var(--new-status-closed-color-panel-9);
	background: var(--new-status-closed-bg-panel-9);
	font-size: var(--new-status-closed-font-size-panel-9);
    border-color: var(--new-status-closed-border-color-panel-9);
	padding-left: 0px;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item.material-closed:hover a .col-thumb .thumbnail-wrap:before {
	color: var(--new-status-closed-color-hover-panel-9);
	background: var(--new-status-closed-bg-hover-panel-9);
}

/* ПЛАШКИ НА МАТЕРИАЛЕ */
/* ------------------- */

/* Общие настройки для новых плашек «ДЗ проверяется» и «Пересдайте ДЗ» */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="status"][class*="checking"]):after,
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="not-right"]):after {
	padding: 16px;
	/* margin-top: 10px; */
	font-size: 1.8rem;
	font-family: tahoma, arial, helvetica, sans-serif;
	display: var(--holder-homework-display-panel-9);
	justify-content: center;
	text-align: center;
	border-radius: var(--holder-homework-radius-panel-9);
	/* border-radius: calc(var(--radius-panel-9) - var(--padding-panel-9)); */
}

/* Карточка урока */
/* Рамка вокруг обложки и описания */
/* Работает, когда есть плашка Автотренинга (проверяется, отклонено) */
/* Нужно, чтобы у плашки была рамка */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="status"][class*="checking"]),
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="not-right"]) {
	padding: var(--padding-panel-9);
}

/* Убираем рамку блока-ссылки, когда есть плашка Автотренинга (проверяется, отклонено) */
/* Она лишняя здесь, так как уже есть рамка плашки */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="status"][class*="checking"]) a,
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="not-right"]) a {
	padding: 0;
}

/* СТАРАЯ ПЛАШКА «ДЗ ПРОВЕРЯЕТСЯ» */
/* ------------------------------ */

/* Убираем плашку «ДЗ проверяется» у материала, следующего за реально проверяемым материалом */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-inaccessible .mbl-material-checking-holder {
    display: none;
}

/* НОВАЯ ПЛАШКА «ДЗ ПРОВЕРЯЕТСЯ» У РЕАЛЬНО ПРОВЕРЯЕМОГО МАТЕРИАЛА */
/* -------------------------------------------------------------- */

/* Добавляем плашку «ДЗ проверяется» под блоком Ссылка */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="status"][class*="checking"]):after {
	content: var(--holder-checking-text-panel-9);
	color: var(--holder-checking-color-panel-9);
	background: var(--holder-checking-bg-panel-9);
}

/* НОВАЯ ПЛАШКА У ОТКЛОНЁННОГО МАТЕРИАЛА */
/* ------------------------------------- */

/* Добавляем плашку «Пересдайте домашку» под блоком Ссылка при НЕправильном ответе */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="not-right"]):after {
	content: var(--holder-not-right-text-panel-9);
	color: var(--holder-not-right-color-panel-9);
	background: var(--holder-not-right-bg-panel-9);
}

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

/* Переориентация содержания карточки + плашки с таймером */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="mbl-material-countdown-holder"]) {
	display: flex;
	flex-flow: column-reverse;
	gap: 20px;
}

/* Карточка урока */
/* Рамка вокруг обложки и описания */
/* Работает, когда есть плашка Автотренинга (таймер) */
/* Нужно, чтобы у плашки была рамка */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="mbl-material-countdown-holder"]) {
	padding: var(--padding-panel-9);
}

/* Убираем рамку блока-ссылки, когда есть плашка Автотренинга (таймер) */
/* Она лишняя здесь, так как уже есть рамка плашки */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item:has([class*="mbl-material-countdown-holder"]) a {
	padding: 0;
}

/* Блок Заголовка и Таймера */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .mbl-material-countdown-holder {
	background: var(--holder-countdown-bg-panel-9);
	color: var(--holder-countdown-color-panel-9);
	display: flex;
	flex-flow: column;
	/* flex-flow: row; */
	height: auto;
	padding: 10px;
	border-radius: calc(var(--radius-panel-9) - var(--padding-panel-9));
	margin: 0px 0px 0px 0px;
	width: auto;
	left: 0;
	top: 0;
	position: relative;
	align-items: center;
	justify-content: center;
	/* gap: 10px; */
	gap: 5px;
	font-family: tahoma, arial, helvetica, sans-serif;
	/* размер точек-разделителей между цифрами в таймере */
	font-size: 1.6rem;
}

@media (min-width: 1400px) {

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .mbl-material-countdown-holder {
	top: 0;
}
}

/* Переориентация Заголовка и Таймера на маленьких экранах */

@media (max-width: 767px) 
	{
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .mbl-material-countdown-holder {
	flex-flow: column;
	gap: 0px;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .mbl-material-countdown-holder .mbl-material-countdown-title {
	padding: 0;
	font-size: 16px;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .mbl-material-countdown-holder .mbl-material-countdown-content{
	margin: 0;
}
	}

/* Блок только Заголовка */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .mbl-material-countdown-holder .mbl-material-countdown-title {
    /* размер заголовка в таймере */
	font-size: var(--holder-title-size-countdown-panel-9);
}

/* Блок только Таймера */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .mbl-material-countdown-holder .mbl-material-countdown-content{
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
}

/* Блок иконки на плашке с таймером */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .mbl-material-countdown-holder .mbl-material-countdown-content i.fa {
    /* размер иконки в таймере */
	font-size: var(--holder-icon-size-countdown-panel-9);
    margin: 0px;
}

/* Иконка на плашке с таймером */

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .mbl-material-countdown-holder .fa-hourglass-half::before {
	content: var(--new-icon-countdown-panel-9);
}

/* Скрываем Иконку таймера на маленьких экранах */

@media (max-width: 767px) {
	
body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .material-item .mbl-material-countdown-holder .fa-hourglass-half {
	display: none;
}
}

/* ------------------------ */
/* ДИЗАЙН ЗАГОЛОВКОВ В МЕНЮ */
/* ------------------------ */

/* Только на средних и больших экранах */
/* Начало ограничения экранов */
@media (min-width: 992px) {

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12:has(a[href*="/mat-like-title-"]) {
	/* видимость заголовков в меню */
	display: var(--display-mlt-panel-9);
	padding: 0;
	margin-top: calc(var(--margin-bottom-mlt-panel-9) - var(--margin-bottom-panel-9));
	/* margin-top: 0px; */
    /* margin-bottom: 30px; */
    margin-bottom: var(--margin-bottom-mlt-panel-9);
    width: 100%;
	float: left;
	/* убираем кликабельность */
	cursor: default;
    pointer-events: none;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12:has(a[href*="/mat-like-title-"]) .material-item {
	display: flex;
    flex-flow: row;
    justify-content: var(--align-mlt-panel-9);
    align-items: center;
    /* background: #ffffff; */
    background: transparent;
    margin: 0;
	gap: 0;
	border-radius: 0;
	transition: none !important;
	overflow: visible;
	/* убираем рамку вокруг заголовка */
	box-shadow: none !important;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12:has(a[href*="/mat-like-title-"]) .material-item a {
	display: flex;
	align-items: stretch;
	transition: none !important;
	flex-flow: row;
	height: auto;
	gap: 0;
	border-radius: 0;
	padding: 0;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12:has(a[href*="/mat-like-title-"]) .material-opened a:after {
    display: none;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12:has(a[href*="/mat-like-title-"]) .material-item .col-thumb {
	display: none;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12:has(a[href*="/mat-like-title-"]) .material-item .col-content {
	display: flex;
	flex-flow: row;
	gap: 0;
	border: none;
	background: none;
	padding-left: var(--padding-left-mlt-panel-9);
	width: 100%;
	height: auto;
	border-radius: 0;
	align-self: unset;
	margin: 0;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12:has(a[href*="/mat-like-title-"]) .material-item .col-content:before {
	display: none;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12:has(a[href*="/mat-like-title-"]) .material-item .col-content .content-wrap {
	display: flex;
	gap: 0;
	flex-flow: column;
	padding: 0;
	margin: 0;
	border: none;
	transition: none;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12:has(a[href*="/mat-like-title-"]) .material-item .col-content .content-wrap h1 {
	display: block;
	color: var(--color-mlt-panel-9) !important;
	font-size: var(--font-size-mlt-panel-9);
	font-family: var(--font-family-mlt-panel-9);
	font-weight: var(--font-weight-mlt-panel-9);
	line-height: normal;
	margin: 0;
	hyphens: none;
	overflow: hidden;
	-webkit-line-clamp: none;
	-webkit-box-orient: unset;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12:has(a[href*="/mat-like-title-"]) .material-item .col-content .content-wrap .description {
	display: none;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12:has(a[href*="/mat-like-title-"]) .material-item .col-content .content-overlay {
	display: none;
}

body .site-content .menu-opened.mbli3-left-menu .materials-block-one-column .col-md-12:has(a[href*="/mat-like-title-"]) .material-item:hover .col-content .content-wrap {
	opacity: 1;
}
}
/* Конец ограничения экранов */

/* Конец стилей для Заголовков в меню */