/* Задайте своё человеческое название файла между '' */
/* --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: 'Возвращает 5 материалов в ряд. Альтернатива родному модулю Мини-интерфейса. Актуально, если вы установили плагин «Царский набор рубрик», но у вас нет «Космического набора материалов». Если вы уже используете «Космический набор», то отключите и удалите этот фикс.'; */

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

:root {
	
/* Закругление карточки материала */
--radius-mini-mat: 25px;

/* Жирность заголовка материала */
--title-weight-mini-mat: 700;

/* Количество строк в заголовке материала */
--title-lines-mini-mat: 2;

/* Количество строк в описании материала */
--description-lines-mini-mat: 4;

/* Закругление фона порядкового номера */
--count-radius-mini-mat: 10px;

/* Закругление фона типа контента */
--type-radius-mini-mat: 10px;

/* Закругление фона замка доступности */
--status-icon-radius-mini-mat: 20px;

/* Фон и прозрачность замка доступности */
--status-icon-bg-mini-mat: rgba(255, 255, 255, 0.9);

/* Фон и прозрачность нижних индикаторов */
--icons-bottom-bg-mini-mat: #F44336;

/* Закругление фона нижних индикаторов */
--icons-bottom-radius-mini-mat: 10px;

/* Цвет статуса - НЕ НАЧАТ */
--status-color-mini-mat: #000000;

/* Цвет статуса - ПРОВЕРЯЕТСЯ */
--status-checking-color-mini-mat: #389de5;

/* Цвет статуса - ВЫПОЛНЕНО */
--status-done-color-mini-mat: #6dc068;

/* Цвет статуса - НЕ ВЫПОЛНЕНО */
--status-not-right-color-mini-mat: #ff0404;

/* Иконка статуса - НЕ НАЧАТ */
--icon-not-started-mini-mat: '\f110';

/* Иконка статуса - ПРОВЕРЯЕТСЯ */
--icon-checking-mini-mat: '\f253';

/* Иконка статуса - ВЫПОЛНЕНО */
--icon-done-mini-mat: '\f00c';

/* Иконка статуса - НЕ ВЫПОЛНЕНО */
--icon-not-right-mini-mat: '\f00d';

/* Прозрачность фона описания - при наведении (открытый замок) */
--open-bg-opacity-hover-mini-mat: 0.3;

/* Прозрачность фона описания - при наведении (закрытый замок) */
--close-bg-opacity-hover-mini-mat: 0.3;

/* Прозрачность фона описания - при наведении (непройденный Автотренинг) */
--auto-bg-opacity-hover-mini-mat: 0.3;

/* Фон плашки «ДЗ проверяется» */
--auto-bg-checking-holder-mini-mat: #389de5;

/* Цвет текста на плашке «ДЗ проверяется» */
--auto-color-checking-holder-mini-mat: #ffffff;

/* Фон плашки с таймером */
--auto-bg-countdown-holder-mini-mat: #389de5;

/* Цвет текста на плашке с таймером */
--auto-color-countdown-holder-mini-mat: #ffffff;

}

/* ------------------------- */
/* НЕ ТРОГАЙТЕ ВСЁ, ЧТО НИЖЕ */
/* ------------------------- */

/* -------------------------------------------------------------------------------- */
/* МИНИ-ИНТЕРФЕЙС - 5 КАРТОЧЕК В РЯД - ВЕРТИКАЛЬНЫЙ ФОРМАТ - 4/3 - РОДНЫЕ НАСТРОЙКИ */
/* -------------------------------------------------------------------------------- */

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

/* Раскомментировать, чтобы УБРАТЬ большую галочку пройденного материала */

/* .site-content .materials-row .material-item .col-thumb.done:after {
	display: none;
} */

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

/* Корректируем сетку и порядок карточек */

.site-content .materials-row .container .row,
.site-content .materials-row.one-in-line .container .row {
    display: flex;
    flex-wrap: wrap;
    /* align-items: end; */
}

/* Убираем влияние опции «Материалы в 1 колонку» */

.site-content .materials-row.one-in-line .container {
    max-width: none;
}

@media (min-width: 1400px) {

.site-content .materials-row .container,
.site-content .materials-row.one-in-line .container {
    width: 1370px;
}
}

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

.site-content .materials-row .container,
.site-content .materials-row.one-in-line .container {
    width: 1170px;
}
}

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

.site-content .materials-row .container,
.site-content .materials-row.one-in-line .container {
    width: 970px;
}
}

@media (min-width: 768px) and (max-width: 991px) {

.site-content .materials-row .container,
.site-content .materials-row.one-in-line .container {
    width: 750px;
}
}

@media (max-width: 767px) {

.site-content .materials-row .container,
.site-content .materials-row.one-in-line .container {
    max-width: 370px;
}
}

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

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

.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    float: left;
}

/* Количество карточек на разных экранах */

@media (min-width: 1400px) {
	
.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    width: calc(100%/5);
}
}

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

.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    width: calc(100%/5);
}
}

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

.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    width: calc(100%/4);
}
}

@media (min-width: 768px) and (max-width: 991px) {

.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    width: calc(100%/3);
}
}

@media (min-width: 460px) and (max-width: 767px) {

.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    width: 100%;
}
}	

@media (min-width: 320px) and (max-width: 459px) {

.site-content .materials-row .col-md-6,
.site-content .materials-row.one-in-line .col-md-12 {
    width: 100%;
}
}

/* Карточка урока */

.site-content .materials-row .material-item {
	border-radius: var(--radius-mini-mat);
}

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

.site-content .materials-row .material-item .flex-wrap,
.site-content .materials-row.one-in-line .material-item .flex-wrap {
    flex-flow: column;
    height: auto;
}

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

.site-content .materials-row .material-item .flex-wrap .col-thumb,
.site-content .materials-row.one-in-line .material-item .flex-wrap .col-thumb {
	width: 100%;
	height: auto;
	border-radius: 0;
}

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

.site-content .materials-row .material-item .thumbnail-wrap {
	min-height: auto;
	aspect-ratio: 4 / 3;
}

/* Размер большой галочки пройденного материала на разных экранах */

@media (min-width: 1400px) {
	
.site-content .materials-row .material-item .col-thumb.done:after {
	scale: 0.6;
}
}

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

.site-content .materials-row .material-item .col-thumb.done:after {
	scale: 0.5;
}
}

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

.site-content .materials-row .material-item .col-thumb.done:after {
	scale: 0.5;
}
}

@media (min-width: 768px) and (max-width: 991px) {

.site-content .materials-row .material-item .col-thumb.done:after {
	scale: 0.6;
}
}

@media (min-width: 320px) and (max-width: 767px) {

.site-content .materials-row .material-item .col-thumb.done:after {
	scale: 1;
}
}

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

.site-content .materials-row .material-item .flex-wrap .col-content,
.site-content .materials-row.one-in-line .material-item .flex-wrap .col-content {
	width: 100%;
	height: auto;
	border-radius: 0;
	border-radius: 0 0 var(--radius-mini-mat) var(--radius-mini-mat);
}

.site-content .materials-row .material-item .flex-wrap .col-content .content-wrap,
.site-content .materials-row.one-in-line .material-item .flex-wrap .col-content .content-wrap {
	padding: 15px 20px 15px 20px;
    border: none;
}

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

.site-content .materials-row .material-item .content-wrap .title,
.site-content .materials-row.one-in-line .material-item .content-wrap .title {
	font-weight: var(--title-weight-mini-mat);
}

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

.site-content .materials-row .material-item .flex-wrap .content-wrap .title {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: var(--title-lines-mini-mat);
    line-clamp: var(--title-lines-mini-mat);
    -webkit-box-orient: vertical;
}

/* Количество строк в описании урока */

.site-content .materials-row .material-item .flex-wrap .content-wrap .description > p {
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: var(--description-lines-mini-mat);
    line-clamp: var(--description-lines-mini-mat);
    -webkit-box-orient: vertical;
}

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

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

/* Прозрачность фона блока с описанием при наведении */

.site-content .materials-row .material-opened:hover .content-wrap {
    opacity: var(--open-bg-opacity-hover-mini-mat)!important;
}

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

/* Прозрачность фона блока с описанием при наведении */

.site-content .materials-row .material-closed:hover .content-wrap {
    opacity: var(--close-bg-opacity-hover-mini-mat)!important;
}

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

.site-content .materials-row .material-item.material-inaccessible:before {
    border-radius: 0;
}

/* Прозрачность фона блока с описанием при наведении */

.site-content .materials-row .material-inaccessible:hover .content-wrap {
    opacity: var(--auto-bg-opacity-hover-mini-mat)!important;
}

/* Плашка «ДЗ проверяется» на карточке */

.site-content .materials-row .material-item .mbl-material-checking-holder {
	background: var(--auto-bg-checking-holder-mini-mat);
	color: var(--auto-color-checking-holder-mini-mat);
}

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

.site-content .materials-row .material-item:hover .mbl-material-checking-holder {
	opacity: 0;
	transition: all 0.25s ease-out;
}

/* ОТКРЫТИЕ УРОКА С ЗАДЕРЖКОЙ */
/* -------------------------- */

/* Плашка с таймером на карточке */

.site-content .materials-row .material-item .mbl-material-countdown-holder {
	background: var(--auto-bg-countdown-holder-mini-mat);
	color: var(--auto-color-countdown-holder-mini-mat);
}

@media (min-width: 1400px) {

.site-content .materials-row .material-item .mbl-material-countdown-holder {
	top: 53%;
}
}

/* Скрываем плашку с таймером при наведении на карточку */

.site-content .materials-row .material-item:hover .mbl-material-countdown-holder {
	opacity: 0;
	transition: all 0.25s ease-out;
}

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

/* Порядковый номер */

.site-content .materials-row .material-item .thumbnail-wrap .icons-top .m-icon.count,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-top .m-icon.count {
	border-radius: var(--count-radius-mini-mat);
}

/* Тип контента */

.site-content .materials-row .material-item .thumbnail-wrap .icons-top .m-icon,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-top .m-icon {
	border-radius: var(--type-radius-mini-mat);
}

/* Нижние индикаторы */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom {
	background: var(--icons-bottom-bg-mini-mat);
	width: auto;
	border-radius: 0 var(--icons-bottom-radius-mini-mat) 0 0;
}

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons {
	display: flex;
    flex-flow: wrap;
    padding: 10px;
}

/* Меняем порядок нижних индикаторов */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .right-icons {
	display: flex;
}

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .comments {
	order: 1;
}

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .views {
	order: 2;
}

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .date {
	order: 3;
}

/* Иконка доступности материала */

.site-content .materials-row .material-item .thumbnail-wrap .icons-top .icons .status-icon {
	background: var(--status-icon-bg-mini-mat);
    padding: 0px;
    border-radius: var(--status-icon-radius-mini-mat);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Дата публикации */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icon-calendar:before {
	/* Иконка Календарь */
    content: "\f073";
    font-size: 1.1rem;
}

/* СТАТУСЫ ДЗ - домашнего задания в Автотренинге */
/* --------------------------------------------- */

/* ОБЩИЕ НАСТРОЙКИ СТАТУСОВ ДЗ */

/* Отступы статуса */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .status {
    margin-bottom: 2px;
	margin-right: 10px;
}

/* Отступы нижних индикаторов */

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .comments,
.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .date,
.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .views,

.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom .icons .comments,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom .icons .date,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom .icons .views {
    margin: 1px 10px 1px 0px;
}

/* Корректировка положения блока с нижними индикаторами для опции «Одна колонка» */

@media (min-width: 992px) and (max-width: 1399px) {
	
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom .icons .comments,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom .icons .date,
.site-content .materials-row.one-in-line .material-item .thumbnail-wrap .icons-bottom .icons .views {
    float: none;	
}
}

/* Корректировка положения иконки всех статусов ДЗ */

.site-content .materials-row .material-item .thumbnail-wrap .status .icon-file-text-o:before {
	vertical-align: bottom;
}

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

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .status {
    color: var(--status-color-mini-mat);	
}

/* Иконка неначатого статуса ДЗ */

.site-content .materials-row .material-item .thumbnail-wrap .status .icon-file-text-o:before {
	content: var(--icon-not-started-mini-mat);
}

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

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .status.checking {
	color: var(--status-checking-color-mini-mat);	
}

/* Иконка проверяемого статуса ДЗ */

.site-content .materials-row .material-item .thumbnail-wrap .status.checking .icon-file-text-o:before {
	content: var(--icon-checking-mini-mat);
}

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

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .status.done {
    color: var(--status-done-color-mini-mat);
}

/* Иконка выполненного статуса ДЗ */

.site-content .materials-row .material-item .thumbnail-wrap .status.done .icon-file-text-o:before {
	content: var(--icon-done-mini-mat);
}

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

.site-content .materials-row .material-item .thumbnail-wrap .icons-bottom .icons .status.not-right {
	color: var(--status-not-right-color-mini-mat);	
}

/* Иконка невыполненного статуса ДЗ */

.site-content .materials-row .material-item .thumbnail-wrap .status.not-right .icon-file-text-o:before {
	content: var(--icon-not-right-mini-mat);
}