/* ------------------------------------------ */
/* 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";    /* плей */
}

/* Иконка в названии блоков Ютуб 1, Ютуб 2, Ютуб 3 и GIF Ютуб */

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

/* Иконка в ЗАКРЫТОМ блоке ТОВАР */

.folders-row .col-xs-12 > a[href*="wpm-category/product-"][class*="folder-lock"] > .folder-content .title:before,
.row-key-categories .col-xs-12 > a[href*="wpm-category/product-"][class*="folder-lock"] > .folder-content .title:before {
	content: "\f07a";    /* корзина */
}

/* Скрываем иконку в ОТКРЫТОМ блоке ТОВАР */

.folders-row .col-xs-12 > a[href*="wpm-category/product-"][class*="folder-unlock"] > .folder-content .title:before,
.row-key-categories .col-xs-12 > a[href*="wpm-category/product-"][class*="folder-unlock"] > .folder-content .title:before {
	display: none;
}

/* Иконка в ЗАКРЫТОМ блоке СКАЧАТЬ */

.folders-row .col-xs-12 > a[href*="wpm-category/download-"][class*="folder-lock"] > .folder-content .title:before,
.row-key-categories .col-xs-12 > a[href*="wpm-category/download-"][class*="folder-lock"] > .folder-content .title:before {
	content: "\f07a";    /* корзина */
}

/* Иконка в ОТКРЫТОМ блоке СКАЧАТЬ */

.folders-row .col-xs-12 > a[href*="wpm-category/download-"][class*="folder-unlock"] > .folder-content .title:before,
.row-key-categories .col-xs-12 > a[href*="wpm-category/download-"][class*="folder-unlock"] > .folder-content .title:before {
	content: "\f0ed";    /* скачать */
}

/* Иконка в блоке ЛЕНДИНГ */

.folders-row .col-xs-12 > a[href*="wpm-category/landing-"] > .folder-content .title:before,
.row-key-categories .col-xs-12 > a[href*="wpm-category/landing-"] > .folder-content .title:before {
	content: "\f0c1";    /* ссылка */
}

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

.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";    /* вопрос */
}

/* Иконка в блоке ИКОНКА С ОТЗЫВОМ - ДИЗАЙН 1 */

.folders-row .col-xs-12 > a[href*="wpm-category/icon-4-feedback-1-card-"]:before,
.row-key-categories .col-xs-12 > a[href*="wpm-category/icon-4-feedback-1-card-"]:before {
	content: "\f075";    /* комментарий */
}

/* Иконка возле отзыва в блоке ИКОНКА С ОТЗЫВОМ - ДИЗАЙН 1 */

.folders-row .col-xs-12 > a[href*="wpm-category/icon-4-feedback-1-card-"] > .folder-content .title:before,
.row-key-categories .col-xs-12 > a[href*="wpm-category/icon-4-feedback-1-card-"] > .folder-content .title:before {
	content: "\f075";    /* комментарий */
}

/* Иконка в описании блока ВЕРТИКАЛЬНЫЙ БАННЕР */

.folders-row .col-xs-12 > a[href*="wpm-category/vertical-banner-text-card-"] > .folder-content .title:before,
.row-key-categories .col-xs-12 > a[href*="wpm-category/vertical-banner-text-card-"] > .folder-content .title:before {
	content: "\f030";    /* камера */
}

/* ------------------------------------------------ */
/* 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"; /* подарок */
}