/* ----------------- */
/* КАРТОЧКА - ПИСЬМО */
/* ----------------- */

/* Добавить в начало ярлыка:

letter-card-

*/

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

/* Анимация карточки при наведении - ТЕНЬ */

.folders-row .col-lg-3 > a[href*="wpm-category/letter-card-"][class*="folder-wrap"]:hover {
	filter: drop-shadow(6px 12px 8px var(--shadow-color-letter-card));
	-webkit-filter: drop-shadow(6px 12px 8px var(--shadow-color-letter-card));
}

/* 1. Расскомментировать 2 стиля ниже, чтобы убрать ИКОНКУ над ЗАГОЛОВКОМ */

/* .folders-row .col-xs-12 > a[href*="wpm-category/letter-card-"] .label:before {
	display: none!important;
} */

/* .folders-row .col-xs-12 > a[href*="wpm-category/letter-card-"] .label {
	padding-top: 55px!important;
} */

/* 2. Раскомментировать, чтобы скрыть Треугольник вверху карточки */

/* .folders-row a[href*="wpm-category/letter-card-"] > .folder-content:before {
	display: none!important;
} */

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



/* ------------------------- */
/* 2. БЛОК - ССЫЛКА КАРТОЧКИ */

/* Убираем рамку - ТЕНЬ вокруг карточки */

.folders-row a[href*="wpm-category/letter-card-"][class*="folder-wrap"] {
	border: none;
	box-shadow: none;
}

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

.folders-row .col-lg-3:has(a[href*="wpm-category/letter-card-"][class*="folder-wrap"]) {
	display: block!important;
	z-index: 501!important;
	/* 3 карточки в ряду на больших экранах */
    width: calc(100%/3)!important;
}

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

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

.folders-row .col-lg-3:has(a[href*="wpm-category/letter-card-"][class*="folder-wrap"]) {
	width: calc(100%/2)!important;
}
}

/* 1 карточка в ряду на мобильных */

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

.folders-row .col-lg-3:has(a[href*="wpm-category/letter-card-"][class*="folder-wrap"]) {
	width: 100%!important;
	/* Корректировка ширины карточки на узких экранах */
	padding-right: 0px;
    padding-left: 0px;
}
}

/* Высота и вертикальный отступ карточки на разных экранах */

@media (min-width: 1400px) {

.folders-row a[href*="wpm-category/letter-card-"] {
    height: 280px!important;
    margin-top: 69px!important;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] {
    height: 248px!important;
	margin-top: 64px!important;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] {
    height: 225px!important;
	margin-top: 49px!important;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] {
    height: 217px!important;
	margin-top: 86px!important;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] {
    height: 220px!important;
	margin-top: 77px!important;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] {
    height: 224px!important;
	margin-top: 85px!important;
}
}

/* -------------------- */
/* 3. СТИКЕР - НАЗВАНИЕ */

/* ----------------------------- */
/* Превращаем СТИКЕР в ЗАГОЛОВОК */

.folders-row a[href*="wpm-category/letter-card-"] .label  {
	background: var(--color-bg-letter-card)!important;
	color: var(--color-top-text-letter-card)!important;
    text-align: center;
	font-size: 21px;
    display: block;
	left: 16px;
	border-radius: 15px;
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	font-weight: bold;
	min-height: 98px;
	max-width: none;
}

/* ПОЛОЖЕНИЕ и ШИРИНА блока ЗАГОЛОВКА на разных экранах на Страницах и в Активации */

@media (min-width: 1400px) {

.folders-row a[href*="wpm-category/letter-card-"] .label  {
	top: -17px;
    width: 395px;
	padding-top: 35px;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] .label  {
	top: -15px;
	width: 329px;
	padding-top: 25px;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] .label  {
    width: 261.5px;
    top: -22px;
	padding-top: 25px;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] .label  {
	top: -32px;
    width: 313px;
	padding-top: 25px;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] .label  {
	top: -23px;
    width: 308px;
	padding-top: 25px;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] .label  {
    top: -28px;
    width: 328px;
	padding-top: 25px;
}
}

/* ИКОНКА над Заголовком */

.folders-row .col-xs-12 > a[href*="wpm-category/letter-card-"] .label:before {
	color: var(--color-top-icon-letter-card);
	content: var(--icon-letter-card);
	font-weight: normal;
    display: block;
    text-align: center;   
	margin-right: 0;
}

@media (min-width: 1400px) {

.folders-row .col-xs-12 > a[href*="wpm-category/letter-card-"] .label:before {
	font-size: 60px;
	margin-bottom: 30px;
}
}

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

.folders-row .col-xs-12 > a[href*="wpm-category/letter-card-"] .label:before {
	font-size: 40px;
    margin-bottom: 20px;
}
}

/* --------------------------- */
/* 4. БЛОК СОДЕРЖАНИЯ КАРТОЧКИ */

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content {
	background-color: var(--color-bg-card-letter-card);
	height: 100%;
	border-radius: var(--radius-card-letter-card);
}

/* Блок содержания на разных экранах */

@media (min-width: 1400px) {

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content {
	box-shadow: var(--color-shadow-card-letter-card) 296px 0px 0px -80px inset;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content {
	box-shadow: var(--color-shadow-card-letter-card) 262px 0px 0px -80px inset;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content {
	box-shadow: var(--color-shadow-card-letter-card) 228px 0px 0px -80px inset;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content {
	box-shadow: var(--color-shadow-card-letter-card) 254px 0px 0px -80px inset;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content {
	box-shadow: var(--color-shadow-card-letter-card) 251px 0px 0px -80px inset;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content {
	box-shadow: var(--color-shadow-card-letter-card) 262px 0px 0px -80px inset;
}
}

/* ТРЕУГОЛЬНИК вверху карточки */

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content:before {
	content: "";
	display: inline-block;
	position: relative;	
	width: 0;
    height: 0;
    border-style: solid;
	border-color: transparent transparent var(--color-bg-top-card-letter-card) transparent;
}

/* Треугольник на разных экранах */

@media (min-width: 1400px) {

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content:before {
	bottom: 69px;
    left: 28px;
	border-width: 0px 189px 71px 189px;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content:before {
    bottom: 64px;
    left: 20px;
	border-width: 0px 152px 66px 164px;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content:before {
	bottom: 49px;
    left: 26px;
    border-width: 0px 119px 50px 122px;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content:before {
    bottom: 86px;
    left: 21px;
    border-width: 0px 154px 88px 152px;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content:before {
    bottom: 77px;
    left: 17px;
    border-width: 0px 155px 81px 155px;
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content:before {
	bottom: 86px;
    left: 12px;
    border-width: 0px 160px 90px 173px;
}
}

/* -------------------- */
/* 5. ОПИСАНИЕ КАРТОЧКИ */

/* Запрещаем скрывать длинное описание */

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content .title {
	text-wrap: inherit;
	white-space: normal;
}

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content .title .js-shave{
	display: inline-block!important;
	color: var(--color-main-text-letter-card)!important;
}

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content .title .js-shave-char {
	display: none;
}

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content .title {
    border-radius: 0 0 50% 50%;
	background: var(--color-bg-letter-card)!important;
	color: var(--color-main-text-letter-card)!important;
	position: absolute!important;
    text-align: center; 
    margin: 0 16px;
    border-bottom: none;
	box-shadow: inset 0px -12px 4px -2px rgb(0 0 0 / 15%);
	padding: 12px 18px 0;
	padding-top: 77px;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	overflow: hidden;
}

/* ОПИСАНИЕ на разных экранах */

@media (min-width: 1400px) {

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content .title {
	min-height: 150px; 
	min-width: 395px;
	bottom: 105px;
	box-shadow: inset 0px -12px 4px -2px rgb(0 0 0 / 15%), 0px -10px 4px 4px rgb(0 0 0 / 15%);
}
}

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

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content .title {
	min-width: 329px;
    min-height: 180px;
    bottom: 59px;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
	
.folders-row a[href*="wpm-category/letter-card-"] > .folder-content .title {
	min-width: 261px;
    min-height: 167px;
    bottom: 59px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
	
.folders-row a[href*="wpm-category/letter-card-"] > .folder-content .title {
	min-width: 309px;
    min-height: 167px;
    bottom: 59px;
}
}

@media (min-width: 460px) and (max-width: 767px) {
	
.folders-row a[href*="wpm-category/letter-card-"] > .folder-content .title {
	min-width: 308px;
	min-height: 162px;
    bottom: 59px;
}
}

@media (min-width: 320px) and (max-width: 459px) {
	
.folders-row a[href*="wpm-category/letter-card-"] > .folder-content .title {
	min-width: 327px;
	min-height: 172px;
    bottom: 59px;
}
}

/* ИКОНКА возле описания */

.folders-row .col-xs-12 > a[href*="wpm-category/letter-card-"] > .folder-content .title:before {
	display: none;
}

/* ------------------- */
/* 6. БЛОК ИНДИКАТОРОВ */

.folders-row .col-xs-12 a[href*="wpm-category/letter-card-"] > .folder-content > .bottom-icons {
    background: none!important;
    bottom: 12px;
    position: absolute;
    width: inherit;
	padding-left: calc(7px + var(--radius-card-letter-card)/2)!important;
    padding-right: calc(-3px + var(--radius-card-letter-card)/2)!important;
    display: block;
	height: auto;
}

/* Статус */

.folders-row a[href*="wpm-category/letter-card-"] .folder-content .bottom-icons .status {
    background: #fff;
    padding: 0px 7px;
    border-radius: 10px;
}

.folders-row a[href*="wpm-category/letter-card-"] .folder-content .bottom-icons .status .icon-unlock {
    top: 2px;
    position: relative;
}

/* Комментарии */

.folders-row a[href*="wpm-category/letter-card-"] .folder-content .bottom-icons .comments {
	background: var(--color-bg-email-letter-card);
	color: var(--color-email-letter-card);
    padding: 4px 7px;
    border-radius: 10px;
	font-weight: bold;
}

/* Вставляем текст рядом с комментариями */

.folders-row a[href*="wpm-category/letter-card-"] .folder-content .bottom-icons .comments .icon-comment-o:before

{
	content: var(--text-letter-card);
    color: #000;
	font-family: "PT Sans", sans-serif;
    font-weight: bold;
    color: var(--color-email-letter-card);
}

/* Убираем Прогресс и Просмотры */

.folders-row a[href*="wpm-category/letter-card-"] > .folder-content > .bottom-icons .course-progress-wrap,
.folders-row a[href*="wpm-category/letter-card-"] .folder-content .bottom-icons .views {
    display: none;
}

/* ------------------- */
/* 7. ОБЛОЖКА КАРТОЧКИ */

/* Убираем фоновую картинку */

.folders-row a[href*="wpm-category/letter-card-"] .folder-front,
.folders-row a[href*="wpm-category/letter-card-"] .folder-sub-front

{
	display: none!important;
}

/* ----------- */
/* 8. АНИМАЦИЯ */

/* Убираем увеличение и цветокоррекцию */

.folders-row a[href*="wpm-category/letter-card-"]:hover .folder-sub-front pattern image,
.folders-row a[href*="wpm-category/letter-card-"]:hover .folder-front pattern image {
	filter: none;
}

@media (min-width: 1400px) {

/* Анимация ОПИСАНИЯ при наведении на карточку */

.folders-row a[href*="wpm-category/letter-card-"]:hover > .folder-content .title
{
    padding-top: 25px;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
}

/* Анимация ЗАГОЛОВКА при наведении на карточку */

.folders-row a[href*="wpm-category/letter-card-"]:hover > .label
{
	top: -69px;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
}

.folders-row a[href*="wpm-category/letter-card-"] > .label
{
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
}
}

/* ------------------------------- */
/* ДИЗАЙН МАТЕРИАЛА В СТИЛЕ ПИСЬМО */
/* Добавьте специальные стили в Скрипты - head материала */



/* --------------- */
/* ВРЕМЕННЫЕ СТИЛИ */

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

/* Ширина и высота карточки в разделе Активация на больших экранах */

@media (min-width: 1400px) {
.row-key-categories a[href*="wpm-category/letter-card-"] .folder-sub-front,
.row-key-categories a[href*="wpm-category/letter-card-"] .folder-front {
    width: 430px;
	height: 242px;  
}
}

/* Нижний и боковой отступы карточек в разделе Активация на больших экранах */

@media (min-width: 1400px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-subfolders"],
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-files"] {
	margin-bottom: 140px;
    width: 440px;
}
}

/* Боковой отступ карточек в разделе Активация на средних экранах */

@media (min-width: 1200px) and (max-width: 1399px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-subfolders"],
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-files"] {
    width: 370px;
    height: 318px;
}
}

/* Ширина и высота карточки в разделе Активация на средних экранах */

@media (min-width: 1200px) and (max-width: 1399px) {
.row-key-categories a[href*="wpm-category/letter-card-"] .folder-sub-front,
.row-key-categories a[href*="wpm-category/letter-card-"] .folder-front {
    width: 362px;
	height: 203px;
}
}

/* Ширина и высота карточки в разделе Активация на средних экранах 2 */

@media (min-width: 992px) and (max-width: 1199px) {
.row-key-categories a[href*="wpm-category/letter-card-"] .folder-sub-front,
.row-key-categories a[href*="wpm-category/letter-card-"] .folder-front {
    width: 293px;
	height: 165px;
}
}

/* Ширина нижней части карточки и верхний отступ в разделе Активация на средних экранах 2 */

@media (min-width: 992px) and (max-width: 1199px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-subfolders"],
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-files"] {
    width: 293px;
	height: 273px;
}
}

/* Ширина и высота карточки в разделе Активация на маленьких экранах */

@media (min-width: 768px) and (max-width: 991px) {
.row-key-categories a[href*="wpm-category/letter-card-"] .folder-sub-front,
.row-key-categories a[href*="wpm-category/letter-card-"] .folder-front {
	width: 345px;
	height: 195px;
}
}

/* Ширина нижней части карточки и верхний отступ в разделе Активация на маленьких экранах */

@media (min-width: 768px) and (max-width: 991px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-subfolders"],
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-files"] {
	width: 345px;
	height: 303px;
}
}

/* Ширина и высота карточки в разделе Активация на мобильных */

@media (min-width: 320px) and (max-width: 767px) {
.row-key-categories a[href*="wpm-category/letter-card-"] .folder-sub-front,
.row-key-categories a[href*="wpm-category/letter-card-"] .folder-front {
    width: 290px;
    height: 165px;
}
}

/* Ширина нижней части карточки и верхний отступ в разделе Активация на мобильных */

@media (min-width: 320px) and (max-width: 767px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-subfolders"],
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-files"] {
	width: 290px;
	height: 274px;
}
}

/* Высота обложки карточки с материалами на мобильных */

@media (min-width: 320px) and (max-width: 459px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-files"] .folder-front {
	bottom: 108px;
}
}

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

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

/* Стикер на карточке с КАРТОЧКАМИ на больших экранах */

@media (min-width: 1400px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-subfolders"] .label {
    right: 25px;
    top: 8px;
}
}

/* Стикер на карточке с КАРТОЧКАМИ на средних экранах */

@media (min-width: 1200px) and (max-width: 1399px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-subfolders"] .label {
    right: 24px;
    top: 22px;
}
}

/* Стикер на карточке с КАРТОЧКАМИ на средних экранах 2 */

@media (min-width: 992px) and (max-width: 1199px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-subfolders"] .label {
    right: 15px;
    top: 15px;
}
}

/* Стикер на карточке с КАРТОЧКАМИ на маленьких экранах */

@media (min-width: 768px) and (max-width: 991px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-subfolders"] .label {
    right: 15px;
    top: 15px;
}
}

/* Стикер на карточке с КАРТОЧКАМИ на мобильных */

@media (min-width: 460px) and (max-width: 767px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-subfolders"] .label {
    right: 15px;
    top: 15px;
}
}

/* Стикер на карточке с КАРТОЧКАМИ на маленьких мобильных */

@media (min-width: 320px) and (max-width: 459px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-subfolders"] .label {
    right: 15px;
    top: 15px;
}
}

/* СТИКЕР НА КАРТОЧКЕ С МАТЕРИАЛАМИ */

/* Стикер на карточке с МАТЕРИАЛАМИ на больших экранах */

@media (min-width: 1400px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-files"] .label {
    right: 25px;
    top: 8px;
}
}

/* Стикер на карточке с МАТЕРИАЛАМИ на средних экранах */

@media (min-width: 1200px) and (max-width: 1399px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-files"] .label {
    right: 24px;
    top: 22px;
}
}

/* Стикер на карточке с МАТЕРИАЛАМИ на средних экранах 2 */

@media (min-width: 992px) and (max-width: 1199px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-files"] .label {
    right: 15px;
    top: 15px;
}
}

/* Стикер на карточке с МАТЕРИАЛАМИ на маленьких экранах */

@media (min-width: 768px) and (max-width: 991px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-files"] .label {
    right: 15px;
    top: 15px;
}
}

/* Стикер на карточке с МАТЕРИАЛАМИ на мобильных */

@media (min-width: 460px) and (max-width: 767px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-files"] .label {
    right: 15px;
    top: 15px;
}
}

/* Стикер на карточке с МАТЕРИАЛАМИ на маленьких мобильных */

@media (min-width: 320px) and (max-width: 459px) {
.row-key-categories a[href*="wpm-category/letter-card-"][class*="folder-with-files"] .label {
    right: 15px;
    top: 15px;
}
}

/* ---------------------- */
/* КОНЕЦ ВРЕМЕННЫХ СТИЛЕЙ */