/* Задайте своё человеческое название файла между '' */
/* --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: 'Фикс: Классическая карточка (3 в ряд)'; */

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

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

/* ----------------------------------------- */
/* ФИКСЫ. ВСЁ, ЧТО НИЖЕ - ЛУЧШЕ НЕ МЕНЯТЬ :) */
/* ----------------------------------------- */

/* -------------------------- */
/* ФИКС 1 - НАЗВАНИЕ КАРТОЧКИ */

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

.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 {
	display: none!important;
}

.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 {
	display: none!important;
}

/* Закругляем подложку с названием после удаления индикаторов только для классической карточки */

.folders-row a:not([href*="-card-"]) .folder-content .title,
.row-key-categories a:not([href*="-card-"]) .folder-content .title {
	border-radius: 0 0 var(--radius-bottom-classic-card) var(--radius-bottom-classic-card)!important;
}

/* Заголовок по центру только для классической карточки */

.folders-row a:not([href*="-card-"]) .folder-content .title,
.row-key-categories a:not([href*="-card-"]) .folder-content .title {
	text-align: center!important;
}

/* Убираем скрытие лишнего текста в названии карточки */

.folders-row .folder-wrap .folder-content .title,
.folders-row .folder-wrap:hover .folder-content .title {
    text-wrap: inherit!important;
    text-overflow: inherit!important;
	/* для FireFox */
	white-space: normal!important;
}

/* ---------------------------------- */
/* ФИКС 2 - БЛОК ИНДИКАТОРОВ КАРТОЧКИ */

/* Фон и цвет Просмотров и Комментариев */
/* не нужно, так как ниже скрыт блок со всеми индикаторами */

/* .folders-row .col-xs-12 > .folder-wrap .folder-content .bottom-icons,
.row-key-categories .col-xs-12 .folder-content .bottom-icons {
	background-image: linear-gradient(to right, var(--color-1-bg-indikator-classic-card) 0%, var(--color-2-bg-indikator-classic-card) 100%)!important;
} */

/* Фон и цвет Процента прогресса */
/* не нужно, так как ниже скрыт блок со всеми индикаторами */

/* .folders-row .col-xs-12 > .folder-wrap .folder-content .course-progress-wrap .progress-count,
.row-key-categories .col-xs-12 .folder-content .course-progress-wrap .progress-count {
	background: transparent;
	background-image: none;
    color: var(--color-indikator-classic-card)!important;
} */

/* Скрываем блок со всеми индикаторами */

.folders-row .col-xs-12 > .folder-wrap .folder-content .bottom-icons,
.row-key-categories .col-xs-12 .folder-content .bottom-icons
 {
	display: none!important;
}

/* ------------------------ */
/* ФИКС 3 - ВЫСОТА КАРТОЧКИ */

/* Высота карточки на разных экранах */
/* Уменьшаем высоту карточки */

@media (min-width: 1400px) {

.folders-row .folder-wrap {
	height: 292px!important;
}
}

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

.folders-row .folder-wrap {
	height: 255px!important;
}
}

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

.folders-row .folder-wrap {
	height: 217px!important;
}
}

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

.folders-row .folder-wrap {
	height: 246px!important;
}
}

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

.folders-row .folder-wrap {
	height: 242px!important;
}
}

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

.folders-row .folder-wrap {
    height: 255px!important;
}
}

/* ---------------------------------------------------------- */
/* РАЗМЕР ОБЛОЖКИ на карточке с МАТЕРИАЛАМИ на разных экранах */

@media (min-width: 1400px) {

.folder-wrap .folder-front pattern image {
	width: 284px!important;
    transform: translate(-7px, 25px)!important;
}
}

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

.folder-wrap .folder-front pattern image {
	width: 286px!important;
    transform: translate(-8px, 22px)!important;
}
}

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

.folder-wrap .folder-front pattern image {
	width: 288px!important;
    transform: translate(-9px, 18px)!important;
}
}

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

.folder-wrap .folder-front pattern image {
	width: 288px!important;
    transform: translate(-9px, 21px)!important;
}
}

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

.folder-wrap .folder-front pattern image {
    width: 285px!important;
    transform: translate(-7px, 21px)!important;
}
}	

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

.folder-wrap .folder-front pattern image {
	width: 286px!important;
    transform: translate(-8px, 22px)!important;
}
}

/* --------------------------------------------------------- */
/* РАЗМЕР ОБЛОЖКИ на карточке с КАРТОЧКАМИ на разных экранах */

@media (min-width: 1400px) {

.folder-wrap .folder-sub-front  pattern image {
    width: 284px!important;
    transform: translate(20px, 69px)!important;
}
}

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

.folder-wrap .folder-sub-front  pattern image {
    width: 285px!important;
    transform: translate(20px, 66px)!important;
}
}

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

.folder-wrap .folder-sub-front  pattern image {
	width: 287px!important;
    transform: translate(19px, 62px)!important;
}
}

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

.folder-wrap .folder-sub-front  pattern image {
    width: 286px!important;
    transform: translate(19px, 65px)!important;
}
}

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

.folder-wrap .folder-sub-front  pattern image {
    width: 285px!important;
    transform: translate(20px, 65px)!important;
}
}	

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

.folder-wrap .folder-sub-front  pattern image {
	width: 287px!important;
    transform: translate(19px, 65px)!important;
}
}

/* ------------------------------------------------------------------  */
/* ФИКС 5 - КОРРЕКЦИЯ ФОРМЫ КАРТОЧЕК ВСЕХ ТИПОВ В РАЗДЕЛЕ «АКТИВАЦИЯ»  */

@media (min-width: 1400px) {
.row-key-categories .folder-wrap.folder-with-subfolders,
.row-key-categories .folder-wrap.folder-with-files {
    height: 292px!important;
}
}

@media (min-width: 1200px) and (max-width: 1399px) {
.row-key-categories .folder-wrap.folder-with-subfolders,
.row-key-categories .folder-wrap.folder-with-files {
	height: 255px!important;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
.row-key-categories .folder-wrap.folder-with-subfolders,
.row-key-categories .folder-wrap.folder-with-files {
	height: 217px!important;
}
}

@media (min-width: 768px) and (max-width: 991px) {
.row-key-categories .folder-wrap.folder-with-subfolders,
.row-key-categories .folder-wrap.folder-with-files {
	height: 246px!important;
}
}

@media (min-width: 460px) and (max-width: 767px) {
.row-key-categories .folder-wrap.folder-with-subfolders,
.row-key-categories .folder-wrap.folder-with-files {
	height: 242px!important;
}
}

@media (min-width: 320px) and (max-width: 459px) {
.row-key-categories .folder-wrap.folder-with-subfolders,
.row-key-categories .folder-wrap.folder-with-files {
    height: 255px!important;
}
}