/* -------------------- */
/* КАРТОЧКА - КАЛЕНДАРЬ */
/* -------------------- */

/* Добавить в начало ярлыка:

Вариант 1:

calendar-card-1-
calendar-card-1-fix-

Вариант 2:

calendar-card-2-
calendar-card-2-fix-

Вариант 3:

calendar-card-3-
calendar-card-3-fix-

Вариант 4:

calendar-card-4-
calendar-card-4-fix-

*/

/* ----------------- */
/* БЫСТРЫЕ НАСТРОЙКИ */
/* ----------------- */

/* 1. Раскомментировать, чтобы отключить ТЕНЬ при наведении на карточку */

.folders-row .col-lg-3 > a[href*="wpm-category/calendar-card-"][class*="folder-wrap"]:hover {
	filter: none;
}

/* --------------------- */
/* 1. БЛОК ВСЕЙ КАРТОЧКИ */

/* Общие настройки */

.col-lg-3:has(a[href*="wpm-category/calendar-card-"][class*="folder-wrap"]) {
	display: block!important;
	z-index: 501!important;
}

/* Ширина карточки на разных экранах */

@media (min-width: 1400px) {

.col-lg-3:has(a[href*="wpm-category/calendar-card-"][class*="folder-wrap"]) {
    width: calc(100%/10.5)!important;
}
}

@media (min-width: 1200px) and (max-width: 1399px) {

.col-lg-3:has(a[href*="wpm-category/calendar-card-"][class*="folder-wrap"]) {
	width: calc(100%/9)!important;
}
}

@media (min-width: 768px) and (max-width: 1199px) {

.col-lg-3:has(a[href*="wpm-category/calendar-card-"][class*="folder-wrap"]) {
	width: calc(100%/7)!important;
}
}

@media (min-width: 320px) and (max-width: 767px) {

.col-lg-3:has(a[href*="wpm-category/calendar-card-"][class*="folder-wrap"]) {
	width: calc(100%/3)!important;
}
}

/* ------------------------- */
/* 2. БЛОК - ССЫЛКА КАРТОЧКИ */

/* Убираем рамку - ТЕНЬ вокруг карточки */

.folders-row a[href*="wpm-category/calendar-card-"][class*="folder-wrap"] {
	border: none;
	box-shadow: none;
}

/* Убираем обложку */

.folders-row a[href*="wpm-category/calendar-card-"] > .folder-front,
.folders-row a[href*="wpm-category/calendar-card-"] > .folder-sub-front {
    display: none;
}

/* Убираем все индикаторы */

.folders-row a[href*="wpm-category/calendar-card-"] > .folder-content > .bottom-icons {
    display: none!important;
}

/* Общие настройки */

.folders-row a[href*="wpm-category/calendar-card-"][class*="folder-wrap"] {
	margin-top: 0px!important;
    margin-bottom: 0;
    border-radius: var(--radius-calendar-card);
	/* плавная анимация фона карточки */
	-webkit-transition: all var(--speed-all-effects-calendar-card) ease-out!important;
    -moz-transition: all var(--speed-all-effects-calendar-card) ease-out!important;
    -o-transition: all var(--speed-all-effects-calendar-card) ease-out!important;
    transition: all var(--speed-all-effects-calendar-card) ease-out!important;
}

/* Уменьшаем закругление карточки на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {

.folders-row a[href*="wpm-category/calendar-card-"][class*="folder-wrap"] {
    border-radius: calc(var(--radius-calendar-card)/1.5);
}
}

/* Растягиваем карточку на всю ширину кабинета */
/* Кроме мобильных экранов */

@media (min-width: 768px) {
	
.folders-row a[href*="wpm-category/calendar-card-"][class*="folder-wrap"] {
	/* width: 100%!important; */
	/* width: 60%!important; */
    /* margin: 0 auto; */
    /* margin-left: 0px; */
    /* margin-right: 0px; */
}
}

/* ВАРИАНТ 1 - ФОН У КАРТОЧКИ И ДАТЫ */

.folders-row a[href*="wpm-category/calendar-card-1-"][class*="folder-wrap"] {
	background: var(--color-bg-calendar-card-1);
}

.folders-row a[href*="wpm-category/calendar-card-1-"][class*="folder-wrap"]:hover {
	background: var(--color-bg-hover-calendar-card-1);
}

/* ВАРИАНТ 1 - ФИКСИРОВАННЫЙ */

.folders-row a[href*="wpm-category/calendar-card-1-fix-"][class*="folder-wrap"] {
	background: var(--color-bg-calendar-card-fix-1);
}

.folders-row a[href*="wpm-category/calendar-card-1-fix-"][class*="folder-wrap"]:hover {
	background: var(--color-bg-hover-calendar-card-fix-1);
}


/* ВАРИАНТ 2 - ДАТА БЕЗ ФОНА */

.folders-row a[href*="wpm-category/calendar-card-2-"][class*="folder-wrap"] {
	background: var(--color-bg-calendar-card-2);
}

.folders-row a[href*="wpm-category/calendar-card-2-"][class*="folder-wrap"]:hover {
	background: var(--color-bg-hover-calendar-card-2);
}

/* ВАРИАНТ 2 - ФИКСИРОВАННЫЙ */

.folders-row a[href*="wpm-category/calendar-card-2-fix-"][class*="folder-wrap"] {
	background: var(--color-bg-calendar-card-fix-2);
}

.folders-row a[href*="wpm-category/calendar-card-2-fix-"][class*="folder-wrap"]:hover {
	background: var(--color-bg-hover-calendar-card-fix-2);
}

/* ВАРИАНТ 3 - КАК ВАРИАНТ 1 И БЕЗ КРУЖОЧКА */

.folders-row a[href*="wpm-category/calendar-card-3-"][class*="folder-wrap"] {
	background: var(--color-bg-calendar-card-1);
}

.folders-row a[href*="wpm-category/calendar-card-3-"][class*="folder-wrap"]:hover {
	background: var(--color-bg-hover-calendar-card-1);
}

/* ВАРИАНТ 3 - ФИКСИРОВАННЫЙ */

.folders-row a[href*="wpm-category/calendar-card-3-fix-"][class*="folder-wrap"] {
	background: var(--color-bg-calendar-card-fix-1);
}

.folders-row a[href*="wpm-category/calendar-card-3-fix-"][class*="folder-wrap"]:hover {
	background: var(--color-bg-hover-calendar-card-fix-1);
}

/* ВАРИАНТ 4 - КАК ВАРИАНТ 2 И БЕЗ КРУЖОЧКА */

.folders-row a[href*="wpm-category/calendar-card-4-"][class*="folder-wrap"] {
	background: var(--color-bg-calendar-card-2);
}

.folders-row a[href*="wpm-category/calendar-card-4-"][class*="folder-wrap"]:hover {
	background: var(--color-bg-hover-calendar-card-2);
}

/* ВАРИАНТ 4 - ФИКСИРОВАННЫЙ */

.folders-row a[href*="wpm-category/calendar-card-4-fix-"][class*="folder-wrap"] {
	background: var(--color-bg-calendar-card-fix-2);
}

.folders-row a[href*="wpm-category/calendar-card-4-fix-"][class*="folder-wrap"]:hover {
	background: var(--color-bg-hover-calendar-card-fix-2);
}

/* Корректировка ширины блока-ссылки на маленьких экранах */

@media (min-width: 320px) and (max-width: 767px) {

.folders-row a[href*="wpm-category/calendar-card-"][class*="folder-wrap"] {
	width: 80%;
}
}

/* Высота блока ссылки для разных дизайнов календаря */

/* ВАРИАНТ 1 - ФОН У КАРТОЧКИ И ДАТЫ */

.folders-row a[href*="wpm-category/calendar-card-1-"][class*="folder-wrap"] {
	height: 135px!important;
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {

.folders-row a[href*="wpm-category/calendar-card-1-"][class*="folder-wrap"] {
	height: 115px!important;
}
}

/* ВАРИАНТ 2 - ДАТА БЕЗ ФОНА */

.folders-row a[href*="wpm-category/calendar-card-2-"][class*="folder-wrap"] {
	height: 110px!important;
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {

.folders-row a[href*="wpm-category/calendar-card-2-"][class*="folder-wrap"] {
	height: 95px!important;
}
}

/* ВАРИАНТ 3 - КАК ВАРИАНТ 1 И БЕЗ КРУЖОЧКА */

.folders-row a[href*="wpm-category/calendar-card-3-"][class*="folder-wrap"] {
	height: 117px!important;
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {

.folders-row a[href*="wpm-category/calendar-card-3-"][class*="folder-wrap"] {
	height: 97px!important;
}
}

/* ВАРИАНТ 4 - КАК ВАРИАНТ 2 И БЕЗ КРУЖОЧКА */

.folders-row a[href*="wpm-category/calendar-card-4-"][class*="folder-wrap"] {
	height: 90px!important;
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {

.folders-row a[href*="wpm-category/calendar-card-4-"][class*="folder-wrap"] {
	height: 80px!important;
}
}

/* ----------------------- */
/* 3. СТИКЕР - ДЕНЬ НЕДЕЛИ */

/* Общие настройки */

.folders-row a[href*="wpm-category/calendar-card-"] .label {
	background: none!important;
	font-size: 17px;
	max-width: 70px;
    text-transform: uppercase;
    line-height: 1.9rem;
	overflow: hidden;
	white-space: nowrap;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    left: 0px;
	right: 0;
	margin: 0 auto;
	padding: 5px 10px;
    width: fit-content;
    z-index: 11;
	/* плавная анимация стикера */
	-webkit-transition: all var(--speed-all-effects-calendar-card) ease-out!important;
    -moz-transition: all var(--speed-all-effects-calendar-card) ease-out!important;
    -o-transition: all var(--speed-all-effects-calendar-card) ease-out!important;
    transition: all var(--speed-all-effects-calendar-card) ease-out!important;
}

/* ВАРИАНТ 1 - ФОН У КАРТОЧКИ И ДАТЫ */

.folders-row a[href*="wpm-category/calendar-card-1-"] .label {
	top: 10px;
	color: var(--color-day-calendar-card-1)!important;
}

.folders-row a[href*="wpm-category/calendar-card-1-"]:hover .label {
	color: var(--color-day-hover-calendar-card-1)!important;
}

/* ВАРИАНТ 1 - ФИКСИРОВАННЫЙ */

.folders-row a[href*="wpm-category/calendar-card-1-fix-"] .label {
	color: var(--color-day-calendar-card-fix-1)!important;
}

.folders-row a[href*="wpm-category/calendar-card-1-fix-"]:hover .label {
	color: var(--color-day-hover-calendar-card-fix-1)!important;
}

/* ВАРИАНТ 2 - ДАТА БЕЗ ФОНА */

.folders-row a[href*="wpm-category/calendar-card-2-"] .label {
	top: 10px;
	color: var(--color-day-calendar-card-2)!important;
}

.folders-row a[href*="wpm-category/calendar-card-2-"]:hover .label {
	color: var(--color-day-hover-calendar-card-2)!important;
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {

.folders-row a[href*="wpm-category/calendar-card-2-"] .label {
	top: 10px;
}
}

/* ВАРИАНТ 2 - ФИКСИРОВАННЫЙ */

.folders-row a[href*="wpm-category/calendar-card-2-fix-"] .label {
	color: var(--color-day-calendar-card-fix-2)!important;
}

.folders-row a[href*="wpm-category/calendar-card-2-fix-"]:hover .label {
	color: var(--color-day-hover-calendar-card-fix-2)!important;
}

/* ВАРИАНТ 3 - КАК ВАРИАНТ 1 И БЕЗ КРУЖОЧКА */

.folders-row a[href*="wpm-category/calendar-card-3-"] .label {
	top: 10px;
	color: var(--color-day-calendar-card-1)!important;
}

.folders-row a[href*="wpm-category/calendar-card-3-"]:hover .label {
	color: var(--color-day-hover-calendar-card-1)!important;
}

/* ВАРИАНТ 3 - ФИКСИРОВАННЫЙ */

.folders-row a[href*="wpm-category/calendar-card-3-fix-"] .label {
	color: var(--color-day-calendar-card-fix-1)!important;
}

.folders-row a[href*="wpm-category/calendar-card-3-fix-"]:hover .label {
	color: var(--color-day-hover-calendar-card-fix-1)!important;
}

/* ВАРИАНТ 4 - КАК ВАРИАНТ 2 И БЕЗ КРУЖОЧКА */

.folders-row a[href*="wpm-category/calendar-card-4-"] .label {
	top: 10px;
	color: var(--color-day-calendar-card-2)!important;
}

.folders-row a[href*="wpm-category/calendar-card-4-"]:hover .label {
	color: var(--color-day-hover-calendar-card-2)!important;
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {

.folders-row a[href*="wpm-category/calendar-card-4-"] .label {
	top: 10px;
}
}

/* ВАРИАНТ 4 - ФИКСИРОВАННЫЙ */

.folders-row a[href*="wpm-category/calendar-card-4-fix-"] .label {
	color: var(--color-day-calendar-card-fix-2)!important;
}

.folders-row a[href*="wpm-category/calendar-card-4-fix-"]:hover .label {
	color: var(--color-day-hover-calendar-card-fix-2)!important;
}

/* --------------------------- */
/* 4. ОПИСАНИЕ КАРТОЧКИ - ДАТА */

/* Общие настройки */

.folders-row a[href*="wpm-category/calendar-card-"] > .folder-content .title {
    position: relative!important;
	border-radius: var(--radius-date-calendar-card);
	margin: 0 auto;
	text-align: center;
	padding: 22px 18px 12px!important;
    font-size: 34px;
    font-weight: bold;
    height: 80px;
	width: 80%;
    bottom: 10px!important;
	line-height: 1.9rem;
	overflow: visible;
	white-space: nowrap;
    text-wrap: nowrap;
    text-overflow: ellipsis;
	/* плавная анимация */
	-webkit-transition: all var(--speed-all-effects-calendar-card) ease-out;
    -moz-transition: all var(--speed-all-effects-calendar-card) ease-out;
    -o-transition: all var(--speed-all-effects-calendar-card) ease-out;
    transition: all var(--speed-all-effects-calendar-card) ease-out;
}

/* Дата на разных экранах */

@media (min-width: 320px) and (max-width: 991px) {

.folders-row a[href*="wpm-category/calendar-card-"] > .folder-content .title {
	font-size: 20px;
}
}

/* Уменьшаем закругление подложки даты на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {
	
.folders-row a[href*="wpm-category/calendar-card-"] > .folder-content .title {
	border-radius: calc(var(--radius-date-calendar-card)/1.5);
}
}

/* ВАРИАНТ 1 - ФОН У КАРТОЧКИ И ДАТЫ */

.folders-row a[href*="wpm-category/calendar-card-1-"] > .folder-content .title {
	background: var(--color-bg-date-calendar-card-1)!important;
	color: var(--color-date-calendar-card-1)!important;
}

.folders-row a[href*="wpm-category/calendar-card-1-"]:hover .folder-content .title {
	background: var(--color-bg-date-hover-calendar-card-1)!important;
	color: var(--color-date-hover-calendar-card-1)!important;
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {

.folders-row a[href*="wpm-category/calendar-card-1-"] .folder-content .title {
	height: 60px;
    padding: 12px 10px 10px !important;
}
}

/* ВАРИАНТ 1 - ФИКСИРОВАННЫЙ */

.folders-row a[href*="wpm-category/calendar-card-1-fix-"] > .folder-content .title {
	background: var(--color-bg-date-calendar-card-fix-1)!important;
	color: var(--color-date-calendar-card-fix-1)!important;
}

.folders-row a[href*="wpm-category/calendar-card-1-fix-"]:hover .folder-content .title {
	background: var(--color-bg-date-hover-calendar-card-fix-1)!important;
	color: var(--color-date-hover-calendar-card-fix-1)!important;
}

/* ВАРИАНТ 2 - ДАТА БЕЗ ФОНА */

.folders-row a[href*="wpm-category/calendar-card-2-"] > .folder-content .title {
	background: none!important;
	color: var(--color-date-calendar-card-2)!important;
    bottom: 4px!important;
}

.folders-row a[href*="wpm-category/calendar-card-2-"]:hover .folder-content .title {
	color: var(--color-date-hover-calendar-card-2)!important;
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {
	
.folders-row a[href*="wpm-category/calendar-card-2-"] > .folder-content .title {
    bottom: -10px!important;
    padding: 18px 18px 12px!important;
}
}

/* ВАРИАНТ 2 - ФИКСИРОВАННЫЙ */

.folders-row a[href*="wpm-category/calendar-card-2-fix-"] > .folder-content .title {
	background: none!important;
	color: var(--color-date-calendar-card-fix-2)!important;
}

.folders-row a[href*="wpm-category/calendar-card-2-fix-"]:hover .folder-content .title {
	color: var(--color-date-hover-calendar-card-fix-2)!important;
}

/* ВАРИАНТ 3 - КАК ВАРИАНТ 1 И БЕЗ КРУЖОЧКА */

.folders-row a[href*="wpm-category/calendar-card-3-"] > .folder-content .title {
	background: var(--color-bg-date-calendar-card-1)!important;
	color: var(--color-date-calendar-card-1)!important;
	height: 62px;
}

.folders-row a[href*="wpm-category/calendar-card-3-"]:hover .folder-content .title {
	background: var(--color-bg-date-hover-calendar-card-1)!important;
	color: var(--color-date-hover-calendar-card-1)!important;
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {

.folders-row a[href*="wpm-category/calendar-card-3-"] .folder-content .title {
	height: 42px;
    padding: 12px 10px 10px !important;
}
}

/* ВАРИАНТ 3 - ФИКСИРОВАННЫЙ */

.folders-row a[href*="wpm-category/calendar-card-3-fix-"] > .folder-content .title {
	background: var(--color-bg-date-calendar-card-fix-1)!important;
	color: var(--color-date-calendar-card-fix-1)!important;
}

.folders-row a[href*="wpm-category/calendar-card-3-fix-"]:hover .folder-content .title {
	background: var(--color-bg-date-hover-calendar-card-fix-1)!important;
	color: var(--color-date-hover-calendar-card-fix-1)!important;
}

/* ВАРИАНТ 4 - КАК ВАРИАНТ 2 И БЕЗ КРУЖОЧКА */


.folders-row a[href*="wpm-category/calendar-card-4-"] > .folder-content .title {
	background: none!important;
	color: var(--color-date-calendar-card-2)!important;
    height: 54px;
}

.folders-row a[href*="wpm-category/calendar-card-4-"]:hover .folder-content .title {
	color: var(--color-date-hover-calendar-card-2)!important;
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {
	
.folders-row a[href*="wpm-category/calendar-card-4-"] > .folder-content .title {
    height: 45px;
    padding: 18px 18px 12px!important;
}
}

/* ВАРИАНТ 4 - ФИКСИРОВАННЫЙ */

.folders-row a[href*="wpm-category/calendar-card-4-fix-"] > .folder-content .title {
	background: none!important;
	color: var(--color-date-calendar-card-fix-2)!important;
}

.folders-row a[href*="wpm-category/calendar-card-4-fix-"]:hover .folder-content .title {
	color: var(--color-date-hover-calendar-card-fix-2)!important;
}

/* Запрещаем показывать длинную дату при наведении */

.folders-row a[href*="wpm-category/calendar-card-"]:hover .folder-content .title {
	text-wrap: nowrap;
}

/* --------------- */
/* ШАРИК под датой */

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-"] > .folder-content .title:after {
	display: block;
	content: '';
	height: 7px;
	width: 7px;
	border-radius: 100%;
	margin: 0 auto;
	margin-top: 18px;
	/* плавная анимация шарика */
	-webkit-transition: all var(--speed-all-effects-calendar-card) ease-out!important;
    -moz-transition: all var(--speed-all-effects-calendar-card) ease-out!important;
    -o-transition: all var(--speed-all-effects-calendar-card) ease-out!important;
    transition: all var(--speed-all-effects-calendar-card) ease-out!important;
}

/* ВАРИАНТ 1 - ФОН У КАРТОЧКИ И ДАТЫ */

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-1-"] > .folder-content .title:after {
	background: var(--color-circle-calendar-card-1);
}

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-1-"]:hover > .folder-content .title:after {
	background: var(--color-circle-hover-calendar-card-1);
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-1-"] > .folder-content .title:after {
	margin-top: 9px;
}
}

/* ВАРИАНТ 1 - ФИКСИРОВАННЫЙ */

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-1-fix-"] > .folder-content .title:after {
	background: var(--color-circle-calendar-card-fix-1);
}

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-1-fix-"]:hover > .folder-content .title:after {
	background: var(--color-circle-hover-calendar-card-fix-1);
}

/* ВАРИАНТ 2 - ДАТА БЕЗ ФОНА */

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-2-"] > .folder-content .title:after {
	background: var(--color-circle-calendar-card-2);
}

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-2-"]:hover > .folder-content .title:after {
	background: var(--color-circle-hover-calendar-card-2);
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-2-"] > .folder-content .title:after {
    margin-top: 10px;
}
}

/* ВАРИАНТ 2 - ФИКСИРОВАННЫЙ */

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-2-fix-"] > .folder-content .title:after {
	background: var(--color-circle-calendar-card-fix-2);
}

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-2-fix-"]:hover > .folder-content .title:after {
	background: var(--color-circle-hover-calendar-card-fix-2);
}

/* --------------------------- */
/* Создаём КРЕПЛЕНИЕ календаря */

/* Общие настройки */

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-"] > .folder-content .title:before {
	/* display: none; */
	display: block;
    content: '';
	background: var(--holder-bg-calendar-card);
    height: 6px;
    right: 0;
    left: 0;
	width: var(--width-holder-calendar-card);
    border-radius: 5px;
    margin: 0 auto;  
    position: absolute;
    border: 2px solid var(--color-holder-calendar-card);
    border-bottom: none;
    border-top: none;
}

/* ВАРИАНТ 1 - ФОН У КАРТОЧКИ И ДАТЫ */

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-1-"] > .folder-content .title:before {
	top: -48px;
}

/* ВАРИАНТ 2 - ДАТА БЕЗ ФОНА */

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-2-"] > .folder-content .title:before {
	top: -29px;
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {
	
.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-2-"] > .folder-content .title:before {
	top: -28px;
}
}

/* ВАРИАНТ 3 - КАК ВАРИАНТ 1 И БЕЗ КРУЖОЧКА */

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-3-"] > .folder-content .title:before {
	top: -48px;
}

/* ВАРИАНТ 4 - КАК ВАРИАНТ 2 И БЕЗ КРУЖОЧКА */

.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-4-"] > .folder-content .title:before {
	top: -29px;
}

/* на средних и маленьких экранах */

@media (min-width: 320px) and (max-width: 991px) {
	
.folders-row .col-xs-12 > a[href*="wpm-category/calendar-card-4-"] > .folder-content .title:before {
	top: -28px;
}
}

/* ----------- */
/* 5. АНИМАЦИИ */

/* Убираем увеличение и цветокоррекцию */

.folders-row a[href*="wpm-category/calendar-card-"]:hover .folder-sub-front pattern image,
.folders-row a[href*="wpm-category/calendar-card-"]:hover .folder-front pattern image {
	filter: none;
}