

/* Start:/local/templates/vanilla_other_pages/components/bitrix/news/blog_vanilla/bitrix/news.list/.default/style.css?17665221771576*/
.blog-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.blog-item{
	display: flex;
	width: calc((100% - 60px) / 3);
	margin: 0 0 30px 30px;
	position: relative;
	border-radius: 15px;
	overflow: hidden;
	cursor: pointer;
}
.blog-item:nth-child(3n+1){
	margin-left: 0;
}
.blog-item-image{
	width: 100%;
}
.blog-item-image img{
  display: block;
	width: 100%;
	height: auto;
}
.blog-item-image::after{
  content: '';
  display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(14, 14, 14, 0.5);
}
.blog-item-date{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 19px 20px 0;
	font: 600 14px/18px 'Mont';
	color: #fff;
}
.blog-item-info{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 20px 26px;
	font: 600 14px/18px 'Mont';
	color: #fff;
}
.blog-item-name{
	padding-bottom: 16px;
}
.blog-item-name, .blog-item-name a{
	font: 700 18px/23px 'Playfair Display';
	color: #fff;
	text-decoration: none;
}
.blog-item-time{
	text-align: right;
}
.blog-item-info-top{
	display: flex;
	justify-content: space-between;
}

@media (max-width:1100px){
	.blog-item{
		width: calc((100% - 30px) / 2);
		margin: 0 0 30px 30px;
	}
	.blog-item:nth-child(3n+1){
		margin-left: 30px;
	}
	.blog-item:nth-child(2n+1){
		margin-left: 0;
	}
}
@media (max-width:768px){
	.blog-item{
		margin: 0 0 20px 20px;
	}
	.blog-item:nth-child(3n+1){
		margin-left: 20px;
	}
	.blog-item:nth-child(2n+1){
		margin-left: 0;
	}
}
@media (max-width:640px){
	.blog-item{
		width: 100%;
		margin: 0 0 20px !important;
	}
}
/* End */
/* /local/templates/vanilla_other_pages/components/bitrix/news/blog_vanilla/bitrix/news.list/.default/style.css?17665221771576 */
