/* Styles for template-parts/content-posts_new.php (dev-preview template draft) */

.naprav-hero {
	margin-bottom: 24px;
}

.naprav-hero__media,
.naprav-hero__form {
	height: 500px;
}

/* style.css sets .single-post.wp-post-image { width:100%; height:auto; margin-bottom:20px }
   globally (used by the old template too) — that rule has higher specificity (two
   classes) than a plain "img" selector, so the override needs to match on both
   classes too, scoped under .naprav-hero__media so the old template is untouched. */
.naprav-hero__media .single-post.wp-post-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin-bottom: 0;
}

.naprav-hero__form .guttenberg-form {
	height: 100%;
	margin: 0;
}

.naprav-hero__consent {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* Видео в тексте статьи приводим к формату сторис/шортс YouTube (узкий вертикальный
   ролик), а не растягиваем на всю ширину колонки контента, как делает базовое
   ".wp-block-video video{width:100%}" из ядра WordPress. */
.item_content--new .wp-block-video {
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 767.98px) {
	.naprav-hero__media,
	.naprav-hero__form {
		height: auto;
	}

	.naprav-hero__media {
		margin-bottom: 16px;
	}
}