/*
 * Страница отдельной новости: подпись на баннере и заголовок под ним.
 *
 * Разметка одна и та же на всех экранах (`inc/news-single.php`), здесь только
 * размеры. Точка переключения — 767 px, та же, что у баннеров направлений и у
 * Hero.
 *
 * Цвета берутся палитрой темы: `palette9` — белый на синей подложке баннера,
 * `palette3` и `palette4` — обычный текст страницы.
 */

/*
 * Название направления на баннере.
 *
 * Это абзац, а не заголовок (единственный h1 страницы — заголовок новости),
 * поэтому шрифт заголовка ему нужно назвать самому: тема стилизует именно
 * `.post-title h1`. Семейство берётся её же переменной, чтобы подпись осталась
 * тем же шрифтом, что и прежний заголовок на этом месте.
 */
.entry-hero .kmshvsm-news-single__sport {
	margin: 0;
	font-family: var( --global-heading-font-family, inherit );
	font-weight: 700;
	font-size: 45px;
	line-height: 1.2;
	color: var( --global-palette9, #fff );
}

.entry-hero .kmshvsm-news-single__sport a {
	color: inherit;
	text-decoration: none;
}

.entry-hero .kmshvsm-news-single__sport a:hover,
.entry-hero .kmshvsm-news-single__sport a:focus {
	text-decoration: underline;
}

/*
 * Заголовок новости и мета под баннером.
 *
 * Блок несёт темин класс `post-title`, поэтому шрифт и начертание достаются от
 * темы. Переопределяются только размер и цвет: настройка демо-набора красит
 * заголовок в белый (`post_title_font`) — на баннере это верно, а на светлом
 * фоне страницы текст был бы невидим.
 */
.kmshvsm-news-single__header {
	margin: 0 0 24px;
}

.site .kmshvsm-news-single__header .entry-title {
	margin: 0 0 12px;
	font-size: 36px;
	line-height: 1.25;
	color: var( --global-palette3, #000 );
}

.site .kmshvsm-news-single__header .entry-meta,
.site .kmshvsm-news-single__header .entry-meta a {
	color: var( --global-palette4, #4c4c4c );
}

.site .kmshvsm-news-single__header .entry-meta a:hover,
.site .kmshvsm-news-single__header .entry-meta a:focus {
	color: var( --global-palette2, #51acfb );
}

@media screen and ( max-width: 1024px ) {
	.entry-hero .kmshvsm-news-single__sport {
		font-size: 32px;
	}

	.site .kmshvsm-news-single__header .entry-title {
		font-size: 30px;
	}
}

@media screen and ( max-width: 767px ) {
	.entry-hero .kmshvsm-news-single__sport {
		font-size: 24px;
	}

	.kmshvsm-news-single__header {
		margin-bottom: 16px;
	}

	.site .kmshvsm-news-single__header .entry-title {
		font-size: 24px;
		line-height: 1.3;
	}
}