/* Start:/local/templates/novadata_2/components/bitrix/news.detail/news_detail/style.css?17779681701456*/

.blog-article {
	margin-bottom: 80px;

	& .container {
		& article {
			& .body_m {
				margin-bottom: 12px;
				max-width: 752px;

				& ol {
					list-style: auto;
					margin-left: 40px;

					& li {
						margin-bottom: 12px;
					}
				}

				& ul {
					margin-left: 30px;

					@media(width <=600px) {
						margin-left: 0;
					}

					& li {
						margin-bottom: 12px;

						@media(width <=600px) {
							margin-bottom: 8px;
						}

						&:before {
							content: "—";
							margin-right: 12px;
						}
					}
				}
			}

			& .lead_s {
				max-width: 864px;
				margin-bottom: 32px;
			}

			& .blog-article_img {

				& img {
					aspect-ratio: 1 /0.49;
					width: 100%;
					-o-object-fit: cover;
					object-fit: cover;
				}

				& .caption {
					color: var(--text-caption);
					margin-top: 8px;
					margin-bottom: 28px;
					display: inline-block;

					@media(width <=600px) {
						margin-bottom: 24px;
					}
				}
			}

			& .header_2 {
				margin: 8px 0;
			}

			& .header_3,
			& .header_4,
			& .header_5 {
				margin-bottom: 8px;
			}

			& .courses {
				margin-bottom: 0;

				& .container {
					width: 100%;

					& .courses_list {
						margin: 24px 0 48px;

						@media (width <=800px) {
							gap: 8px;
						}
					}
				}
			}
		}
	}
}

.read-more_block {
	& .blog-list_section .container {
		width: 100%;
	}
	& .blog-list_grid {
		margin-top: 32px;

		@media (width <=480px) {
			margin-top: 24px;
		}
	}

}
/* End */


/* Start:/local/templates/novadata_2/components/bitrix/catalog.section/courses_simple_list/style.css?1776260399147*/

.courses_list {
    width: 100%;
    margin-bottom: 24px;
    display: inline-flex;
    gap: 24px;
    flex-direction: row;
    flex-wrap: wrap;
}
/* End */


/* Start:/local/templates/novadata_2/components/bitrix/news.list/news_list/style.css?17779671753563*/

.blog-list_grid {
	-ms-grid-columns: 1fr 6px 1fr 6px 1fr;
	grid-template-columns: repeat(3, 1fr);
	display: -ms-grid;
	display: grid;
	gap: 24px;
	margin-top: 48px;

	& .blog-list_item {
		position: relative;
		overflow: hidden;
		border-radius: 16px;

		&:before {
			content: "";
			position: absolute;
			inset: 170px 0 0 0;
			-webkit-backdrop-filter: blur(16px);
			backdrop-filter: blur(16px);
			mask: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(30%, black));
			mask: linear-gradient(to bottom, transparent 0%, black 30%);
			-webkit-mask: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(30%, black));
			-webkit-mask: linear-gradient(to bottom, transparent 0%, black 30%);
			z-index: 2;

			@media(width <=600px) {
				inset: 300px 0 0 0;
			}

			@media(width <=480px) {
				inset: 200px 0 0 0;
			}

			@media(width <=400px) {
				inset: 130px 0 0 0;
			}
		}

		& .blog-item_content {
			position: absolute;
			bottom: 0;
			padding: 18px 56px 24px 24px;
			background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 1%, 1)), to(hsl(0deg 0% 100% / 0%)));
			background: -o-linear-gradient(bottom, hsla(0, 0%, 1%, 1) 0%, hsl(0deg 0% 100% / 0%) 100%);
			background: linear-gradient(0deg, hsla(0, 0%, 1%, 1) 0%, hsl(0deg 0% 100% / 0%) 100%);
			width: 100%;
			transition: padding 0.3s ease;
			z-index: 2;

			@media (width <=1366px) {
				padding: 18px 24px 24px 24px;
			}

			& .blog-item_top {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				margin-bottom: 16px;

				color: var(--text-caption-contrast);

				@media(width <=768px) {
					margin-bottom: 6px;
				}

				& .blog-item_date.label {
					margin-left: 6px;
					text-transform: uppercase;
					color: currentColor;
				}

				& svg path {
					fill: currentColor;
					fill-opacity: 1;
				}

				.blog-item_shows {
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					gap: 6px;
					margin-left: 16px;

					& .blog-item_count.label {
						text-transform: uppercase;
						color: var(--text-caption-contrast);
					}
				}
			}

			& .blog-item_bottom {
				& .blog-item_title.header_5 {
					color: var(--text-main-contrast);
					margin-bottom: 4px;
					display: -webkit-box;
					-webkit-line-clamp: 3;
					-webkit-box-orient: vertical;
					overflow: hidden;
					text-overflow: ellipsis;
				}

				& .blog-item_subtitle.control_m {
					color: var(--text-main-contrast);
					display: -webkit-box;
					-webkit-line-clamp: 3;
					-webkit-box-orient: vertical;
					overflow: hidden;
					text-overflow: ellipsis;
				}
			}

			@media(width <=991px) {
				padding: 18px 24px 24px 16px;
			}
		}

		&:hover {

			& .blog-item_content {
				padding: 18px 56px 32px 24px;
			}
		}

		& .blog-item_link {
			position: absolute;
			inset: 0;
			z-index: 3;
		}

		& .blog-item_bcgrnd {

			& img {
				width: 100%;
				height: 100%;
				-o-object-fit: cover;
				object-fit: cover;
				transition: all 0.3s ease-in-out;
			}
		}

		&:hover .blog-item_bcgrnd img {
			transform: scale(1.1);
		}
	}


	@media(width <=991px) {
		/* grid-template-columns: repeat(2, 1fr); */

		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: repeat(2, 1fr);
	}

	@media(width <=600px) {
		-ms-grid-columns: 1fr;
		grid-template-columns: repeat(1, 1fr);
		gap: 8px;
		margin-top: 0px;
	}
}
/* End */
/* /local/templates/novadata_2/components/bitrix/news.detail/news_detail/style.css?17779681701456 */
/* /local/templates/novadata_2/components/bitrix/catalog.section/courses_simple_list/style.css?1776260399147 */
/* /local/templates/novadata_2/components/bitrix/news.list/news_list/style.css?17779671753563 */