/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Материал как заголовок + описание 6'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Игорь Лохман'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "../wp-content/plugins/super-style/assets/image/igor-main-author-ava.png"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Дизайн №6 - заголовок и описание без фона + разделитель.'; */

/* --------------------------------------------------------- */
/* ДОПОЛНЕНИЕ - МАТЕРИАЛ В ФОРМАТЕ ЗАГОЛОВКА                 */
/* --------------------------------------------------------- */
/* ДИЗАЙН - ЗАГОЛОВОК И ОПИСАНИЕ - БЕЗ ФОНА - С РАЗДЕЛИТЕЛЕМ */
/* --------------------------------------------------------- */

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

mat-like-title-6-

*/

/* ----------------- */
/* ПАНЕЛЬ УПРАВЛЕНИЯ */
/* ----------------- */

:root {


/* ОТСТУПЫ ЗАГОЛОВКА И ОПИСАНИЯ */
/* ---------------------------- */

	/* Левый отступ */
	--padding-left-mat-like-title-6: 21px;

	/* Правый отступ */
	--padding-right-mat-like-title-6: 21px;

	/* ПЕРВЫЙ ПО СЧЁТУ */
	/* --------------- */

		/* Нижний отступ первого */
		--margin-bottom-first-mat-like-title-6: 51px;
		
		/* Нижний отступ первого - на мобильных */
		--margin-bottom-mobile-first-mat-like-title-6: 51px;

		/* Верхний отступ первого */
		/* Подсказка: "0px" - оптимально, если первый заголовок ПЕРЕД всеми материалами */
		--margin-top-first-mat-like-title-6: 0px;
		
		/* Верхний отступ первого - на мобильных */
		/* Подсказка: "0px" - оптимально, если первый заголовок ПЕРЕД всеми материалами */
		--margin-top-mobile-first-mat-like-title-6: 0px;
	
	/* ВСЕ ОСТАЛЬНЫЕ ПО СЧЁТУ */
	/* ---------------------- */
	
		/* Нижний отступ остальных */
		--margin-bottom-all-mat-like-title-6: 51px;
		
		/* Нижний отступ остальных - на мобильных */
		--margin-bottom-mobile-all-mat-like-title-6: 51px;

		/* Верхний отступ остальных */
		/* Подсказка: "21px" - оптимально. Задайте своё значение, если к заголовку визуально липнут материалы сверху */
		--margin-top-all-mat-like-title-6: 21px;
		
		/* Верхний отступ остальных - на мобильных */
		/* Подсказка: "21px" - оптимально. Задайте своё значение, если к заголовку визуально липнут материалы сверху */
		--margin-top-mobile-all-mat-like-title-6: 21px;
	
/* ВЫРАВНИВАНИЕ ЗАГОЛОВКА И ОПИСАНИЯ */
/* --------------------------------- */

	/* Ширина блока */
	/* Подсказка: "100%" - займёт всю ширину страницы, "fit-content" - ширина = ширине самого длинного контента */
	--width-mat-like-title-6: fit-content;
	
	/* Выравнивание блока */
	/* Актуально только, если выше задано "fit-content" */
	/* Подсказка: left - слева, center - центр, right - справа */
	--align-mat-like-title-6: center;

	/* Выравнивание заголовка и описания внутри блока */
	/* Подсказка: left - слева, center - центр, right - справа */
	--align-content-mat-like-title-6: center;
	
	/* Выравнивание заголовка и описания внутри блока - на мобильных */
	--align-content-mobile-mat-like-title-6: center;

/* НАСТРОЙКИ ДИЗАЙНА ЗАГОЛОВКА И ОПИСАНИЯ */
/* -------------------------------------- */

	/* Толщина разделителя под заголовком с описанием */
	--border-width-mat-like-title-6: 2px;

	/* Цвет разделителя под заголовком с описанием */
	--border-color-mat-like-title-6: #999999;

	/* Отступ разделителя от заголовка с описанием */
	--padding-bottom-mat-like-title-6: 41px;
	
	/* Стиль линии разделителя */
	/* Подсказка: "solid" - сплошная линия, "dashed" - пунктир, "dotted" - точки */
	--style-bottom-mat-like-title-6: solid;

	/* ЗАГОЛОВОК */
	/* --------- */
	
		/* Размер заголовка */
		--title-size-mat-like-title-6: 4rem;
		
		/* Размер заголовка - на мобильных */
		--title-size-mobile-mat-like-title-6: 2.5rem;
		
		/* Цвет заголовка */
		--title-color-mat-like-title-6: #000000;

		/* Жирность заголовка */
		--title-weight-mat-like-title-6: 700;
		
		/* Шрифт заголовка */
		--title-font-mat-like-title-6: tahoma, arial, helvetica, sans-serif;
		
		/* Перенос слов в заголовке через дефис */
		/* Подсказка: auto - переносить слова, none - НЕ переносить слова */
		--title-hyphens-mat-like-title-6: auto;
	
	/* ОПИСАНИЕ */
	/* -------- */
		
		/* Размер описания */
		--desc-size-mat-like-title-6: 1.9rem;
		
		/* Размер описания - на мобильных */
		--desc-size-mobile-mat-like-title-6: 1.9rem;
		
		/* Цвет описания */
		--desc-color-mat-like-title-6: #000000;
		
		/* Жирность описания */
		--desc-weight-mat-like-title-6: 400;
		
		/* Шрифт описания */
		--desc-font-mat-like-title-6: "PT Sans", sans-serif;
		
		/* Перенос слов в описании через дефис */
		/* Подсказка: auto - переносить слова, none - НЕ переносить слова */
		--desc-hyphens-mat-like-title-6: auto;

}

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

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]),
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) {
    display: block !important;
	/* количество карточек в ряду */
	width: 100%;
	/* Отступы */
	padding-right: 15px;
    padding-left: 15px;
	/* Нижний и верхний отступы */
	margin: var(--margin-top-all-mat-like-title-6) 0px var(--margin-bottom-all-mat-like-title-6) 0px;
	/* убираем кликабельность */
	cursor: default;
    pointer-events: none;
	/* убираем возможный счётчик (от других форматов из Космического) */
	/* нужно, чтобы счётчик материала после заголовка начинался с "1" или логично продолжался */
	counter-increment: none;
	/* counter-increment: material-counter 0; */
	float: unset;
}

/* Нижний и верхний отступы - на мобильных */

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

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]),
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) {
	margin: var(--margin-top-mobile-all-mat-like-title-6) 0px var(--margin-bottom-mobile-all-mat-like-title-6) 0px;
}
}

/* ОТСТУПЫ ПЕРВОГО ПО СЧЁТУ БЛОКА */
/* ------------------------------ */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]):first-child,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]):first-child {
	/* Нижний и верхний отступы */
	margin: var(--margin-top-first-mat-like-title-6) 0px var(--margin-bottom-first-mat-like-title-6) 0px;
}

/* Нижний и верхний отступы - Первого по счёту блока - на мобильных */

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

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]):first-child,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]):first-child {
	margin: var(--margin-top-mobile-first-mat-like-title-6) 0px var(--margin-bottom-mobile-first-mat-like-title-6) 0px;
}
}

/* Убираем возможные иконки внутри блока всей карточки - ДО (например, из формата "Список") */

.site-content .materials-row .container .col-md-6:has(a[href*="/mat-like-title-6-"]):before,
.site-content .materials-row.one-in-line .container .row .col-md-12:has(a[href*="/mat-like-title-6-"]):before {
	display: none !important;
}

/* --------------- */
/* БЛОК - КАРТОЧКА */
/* --------------- */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item {
	display: flex;
	/* выравниваем весь блок */
    justify-self: var(--align-mat-like-title-6);
	position: relative;
	/* ширина блока */
	width: var(--width-mat-like-title-6);
	background: none;
    border-radius: 0;
	border: 0;
	border-bottom: var(--border-width-mat-like-title-6) var(--style-bottom-mat-like-title-6) var(--border-color-mat-like-title-6);
	/* отступы */
	margin: 0;
	padding: 0 var(--padding-right-mat-like-title-6) var(--padding-bottom-mat-like-title-6) var(--padding-left-mat-like-title-6);
	/* тень */
	box-shadow: none;
	transition: none !important;
	overflow: visible;
}

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item:hover,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item:hover {
	/* тень */
	box-shadow: none;
}

/* Убираем возможные иконки внутри блока карточки заголовка - ДО (например, из формата "Список") */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item:before,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item:before {
	display: none !important;
}

/* ------------- */
/* БЛОК - ССЫЛКА */
/* ------------- */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item a,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item a {
	display: flex;
	/* нужно, чтобы расширить родительский flex на всю ширину страницы */
	width: 100%;
	height: auto;
	flex-flow: column;
	padding: 0;
    margin: 0;
	/* выравниваем базово слева */
	align-items: start;
	justify-content: start;
	transition: none !important;
	animation: none;
}

/* Убираем возможный счётчик (от других форматов из Космического) */
/* нужно, чтобы счётчик вообще не отображался в заголовках */

.site-content .materials-row .container .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap:after,
.site-content .materials-row.one-in-line .container .row .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap:after {
	display: none !important;
}

/* Убираем возможные иконки внутри блока ссылки - ДО (например, из формата "Список") */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item a:before,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item a:before {
	display: none !important;
}

/* --------------------------------- */
/* БЛОК - ОБЛОЖКА (+ ВСЕ ИНДИКАТОРЫ) */
/* --------------------------------- */

/* Убираем блок обложки */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .col-thumb,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .col-thumb {
	display: none !important;
}

/* -------------- */
/* БЛОК - КОНТЕНТ */
/* -------------- */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .col-content,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .col-content {
	display: flex !important;
	width: 100%;
	/* width: auto; */
	height: auto;
	border: none;
	position: relative;
	border-radius: 0;
	background: none !important;
	top: 0;
	left: 0px;
    right: 0px;
	align-self: unset;
    opacity: 1;
	transition: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	z-index: unset;
	box-shadow: none;
	transform: none;
}

/* ----------------------- */
/* БЛОК - ОБЁРТКА КОНТЕНТА */
/* ----------------------- */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .col-content .content-wrap,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .col-content .content-wrap {
	display: flex !important;	
	width: 100%;
    flex-flow: column;
    gap: 15px;
    align-items: start;
	align-self: normal;
	position: relative;
	margin: 0;
	padding: 0;
	/* padding: 5px 10px 10px 10px; */
	text-align: var(--align-content-mat-like-title-6);
	/* Нижняя рамка, которая обрезает торчащие буквы в описании */
	border: none;
	overflow: hidden;
	opacity: 1;
    transition: none;
}

/* Выравнивание заголовка и описания - на мобильных */

@media (min-width: 320px) and (max-width: 767px) {
	
.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .col-content .content-wrap,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .col-content .content-wrap {
	text-align: var(--align-content-mobile-mat-like-title-6);
}
}

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item:hover .flex-wrap .col-content .content-wrap,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item:hover .flex-wrap .col-content .content-wrap {
	opacity: 1 !important;
}

/* Убираем кнопку "Смотреть" при наведении */
/* потому что она встречается в некоторых форматах Космического */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .content-overlay,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .content-overlay,

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item.material-opened:hover .content-overlay,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item.material-opened:hover .content-overlay,

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item.material-closed:hover .content-overlay,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item.material-closed:hover .content-overlay,

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item.material-locked:hover .content-overlay,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item.material-locked:hover .content-overlay {
    display: none !important;
}

/* Убираем возможные иконки внутри обёртки контента - ПЕРЕД (например, из формата "Паззл") */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .col-content .content-wrap:before,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .col-content .content-wrap:before {
	display: none !important;
}

/* Убираем возможные иконки внутри обёртки контента - ПОСЛЕ (например, из формата "Скользящие") */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .col-content .content-wrap:after,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .col-content .content-wrap:after {
	display: none !important;
}

/* ---------------- */
/* БЛОК - ЗАГОЛОВОК */
/* ---------------- */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .content-wrap .title,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .content-wrap .title {
	display: block !important;
	width: 100%;
	margin: 0;
    padding: 0;
	font-size: var(--title-size-mat-like-title-6);
	font-family: var(--title-font-mat-like-title-6);
	font-weight: var(--title-weight-mat-like-title-6);
	color: var(--title-color-mat-like-title-6)!important;
	hyphens: auto;
}

/* Размер Заголовка на мобильных */

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

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .content-wrap .title,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .content-wrap .title {
	font-size: var(--title-size-mobile-mat-like-title-6);
}
}

/* Количество строк в заголовке */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .content-wrap .title,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .content-wrap .title {
    height: auto;
    /* количество строк */
	-webkit-line-clamp: none !important;
	line-clamp: none !important;
	/* перенос текста */
    hyphens: var(--title-hyphens-mat-like-title-6);
	/* убираем разные влияния */
	overflow: unset;
    -webkit-box-orient: unset;
	word-break: unset;
}

/* --------------- */
/* БЛОК - ОПИСАНИЕ */
/* --------------- */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .content-wrap .description,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .content-wrap .description {
	display: block !important;
	width: 100%;
	margin: 0;
    padding: 0;
	font-size: var(--desc-size-mat-like-title-6);
	font-family: var(--desc-font-mat-like-title-6);
	font-weight: var(--desc-weight-mat-like-title-6);
	color: var(--desc-color-mat-like-title-6)!important;
}

/* Блок описания на мобильных */

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

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .content-wrap .description,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .content-wrap .description {
	font-size: var(--desc-size-mobile-mat-like-title-6);
}
}

/* Описание (абзац, тег <p>) */

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .content-wrap .description > p,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) .material-item .flex-wrap .content-wrap .description > p {
    display: block !important;
	height: auto;
	/* количество строк */
    -webkit-line-clamp: none !important;
	line-clamp: none !important;
	/* перенос текста */
    hyphens: var(--desc-hyphens-mat-like-title-6);
	margin: 0;
	/* убираем разные влияния */
	overflow: unset;
    -webkit-box-orient: unset;
}

/* ------------- */
/* ОСОБЫЕ ПРАВКИ */
/* ------------- */

/* ПРАВКИ ТОЛЬКО ДЛЯ ФОРМАТА "ТАБЛИЦА - ДИЗАЙН 2" ИЗ КОСМИЧЕСКОГО */
/* -------------------------------------------------------------- */

/* Нужно, чтобы сохранить закругление первого материала, который идёт после заголовка */

/* ГАЛЯ, ОТМЕНА. ПОТОМУ ЧТО ЭТИ СТИЛИ ПОВЛИЯЮТ НА ВСЕ ФОРМАТЫ КОСМИЧЕСКОГО */

/* РЕШЕНИЕ - ЕСЛИ НУЖНА ЭТА ПРАВКА, ТО ВЫНЕСТИ ДВА НИЖНИХ СТИЛЯ В СКРИПТЫ НУЖНОЙ РУБРИКИ, */
/* ГДЕ ЕСТЬ ФОРМАТ "ТАБЛИЦА - ДИЗАЙН 2". ТОГДА С ЗАКРУГЛЕНИЕМ ТАБЛИЦЫ ВСЁ БУДЕТ ОК */

/* АЛЬТЕРНАТИВА - СДЕЛАТЬ ОТДЕЛЬНЫЙ ФОРМАТ ЗАГОЛОВКА ЧИСТО ДЛЯ СТРАНИЦЫ, ГДЕ МАТЕРИАЛЫ В ВИДЕ ТАБЛИЦЫ */

/* На больших экранах - сохраняем закругление слева вверху и справа вверху */

/* .site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) + .col-md-6 .material-item,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) + .col-md-12 .material-item {
	overflow: auto;
	border-radius: var(--radius-panel-14) var(--radius-panel-14) 0 0;
} */

/* На маленьких экранах - сохраняем закругление только справа вверху */

/* @media (min-width: 320px) and (max-width: 991px) {

.site-content .materials-row .col-md-6:has(a[href*="/mat-like-title-6-"]) + .col-md-6 .material-item,
.site-content .materials-row.one-in-line .col-md-12:has(a[href*="/mat-like-title-6-"]) + .col-md-12 .material-item {
	overflow: auto;
	border-radius: 0 var(--radius-panel-14) 0 0;
}
} */