/* ------------------------------------------ */
/* 1. ИКОНКИ В НАЗВАНИИ КАРТОЧЕК ПО УМОЛЧАНИЮ */

/* Общие настройки для всех иконок */

.folders-row .col-xs-12 > a > .folder-content .title:before,
.row-key-categories .col-xs-12 > a > .folder-content .title:before,

.folders-row .col-xs-12 > a > .label:before,
.row-key-categories .folders-row .col-xs-12 > a > .label:before

{
	font-family: "Font Awesome 6 Free";
	font-family: 'icomoon';
	font-size: 16px;
	vertical-align: bottom;
    margin-right: 5px;
}

/* Иконка по умолчанию для всех карточек с карточками */

.folders-row .col-xs-12 > .folder-with-subfolders .folder-content .title:before,
.row-key-categories .col-xs-12 > .folder-with-subfolders .folder-content .title:before {
	content: "\f07c"; /* папка */
}

/* Иконка по умолчанию для всех карточек с материалами */

.folders-row .col-xs-12 > .folder-with-files .folder-content .title:before,
.row-key-categories .col-xs-12 > .folder-with-files .folder-content .title:before {
	content: "\f15c"; /* файл */
}

/* ----------------------------- */
/* 2. ИКОНКИ в конкретных БЛОКАХ */
/* Работают, если подключены стили разных типов карточек */

/* Иконка в блоке МАТЕРИАЛ - КОМПАКТНЫЙ */

.folders-row .col-xs-12 > a[href*="wpm-category/lesson-compact-card-"] > .folder-content .title:before,
.row-key-categories .col-xs-12 > a[href*="wpm-category/lesson-compact-card-"] > .folder-content .title:before {
	content: "\f144";    /* плей */
}

/* Иконка в блоке ВОПРОС-ОТВЕТ */

.folders-row .col-xs-12 > a[href*="wpm-category/faq-card-"] > .folder-content .title:before,
.row-key-categories .col-xs-12 > a[href*="wpm-category/faq-card-"] > .folder-content .title:before {
	content: "\f059";    /* вопрос */
}

/* ------------------------------------------------ */
/* 3. ИНДИВИДУАЛЬНЫЕ ИКОНКИ ДЛЯ КОНКРЕТНЫХ КАРТОЧЕК */

/* Пример добавления Иконки в "Какой-то курс" */

.folders-row .col-xs-12 > a[href*="kurs"] > .folder-content .title:before,
.row-key-categories .col-xs-12 > a[href*="kurs"] > .folder-content .title:before {
	color: #e73636;
	content: "\f0d0"; /* волшебная палочка */
}

/* Пример добавления Иконки для карточки "Бонусы" */

.folders-row .col-xs-12 > a[href*="bonus"] > .folder-content .title:before,
.row-key-categories .col-xs-12 > a[href*="bonus"] > .folder-content .title:before

{
	color: #7344b4;
	content: "\f06b"; /* подарок */
}