/* Start:/local/templates/safit/components/bitrix/news/articles/bitrix/news.list/.default/style.css?17648519453646*/
.articlesList__items {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	grid-gap: 1.5rem;
}

.articlesList__item {
	display: block;
	text-decoration: none !important;
	background: var(--color-primary-dop);
	border-radius: 0.625rem;
	color: #000 !important;
	overflow: hidden;
}


.articlesList__name {
	padding: 1.25rem;
	border-bottom: 1px solid #000;
	font-size: 1.25rem;
	text-transform: uppercase;
	font-weight: 600;
}
.articlesList__text {
	padding: 1.25rem;
}

.articlesList__img {
	padding-top: 100%;
	background-position: center;
	background-size: cover;
	border-radius: 0.625rem;
}

.articlesList__date {
	font-size: 1.25rem;

	text-align: center;
	display: block;
	padding: 0.5rem;
}

.articlesList__item:hover {
	background: var(--color-secondary-dop);
}
.articlesList__item:hover .articlesList__date {
	color: var(--color-secondary);
}

.articlesList__item:hover .articlesList__name {
	border-bottom: 1px solid var(--color-secondary);
}



.articlesList__nav {
	padding-top: 2.5rem;
	text-align: right;
}
.articlesList__nav .pagenavigation {
	--color-bg: var(--color-secondary);
	--color-link: #fff;
	--color-text: #000;

}

/* выделенный первый элемент от 992px  */
@media (min-width: 992px) {
	.articlesList__item:first-child {
		grid-column: 1 / 2;
		grid-row: 1 / 3;
		display: flex;
		background: var(--color-secondary);
		color: #fff !important;
	}
	.articlesList__item:first-child>.row {
		flex-direction: column;
	}
	.articlesList__item:first-child .articlesList__col._img {
		width: 100%;
		order: 1;
		height: calc(50% + 0.75rem);
		position: relative;
	}
	.articlesList__item:first-child .articlesList__col._content {
		width: 100%;
		order: 2;
		height: calc(50% - 0.75rem);
		padding-top: 2rem;
		position: relative;
	}
	.articlesList__item:first-child .articlesList__col._img .articlesList__img {
		padding-top: 0;
		position: absolute;
		left: 0.75rem;;
		top: 0;
		bottom: -0.75rem;
		right: 0.75rem;;
		border-radius: 0;
	}
	.articlesList__item:first-child .articlesList__col._img .articlesList__img:before{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 0.75rem;
		border-radius: 0.625rem 0.625rem 0 0;
		background: var(--color-secondary);
	}
	.articlesList__item:first-child .articlesList__col._img .articlesList__date {
		position: absolute;
		top: 100%; right: 0.75rem;
		font-size: 1.25rem; padding: 0.75rem 1.5rem; background: var(--color-secondary-dop);
		color: var(--color-secondary);
		border-radius: 0.625rem;
	}
	.articlesList__item:first-child .articlesList__name {
		margin-right: 1.5rem;
		border-bottom-color: #fff;
	}

	.articlesList__item:hover:first-child {
		background: var(--color-secondary-dop);
		color: #000 !important;
	}
	.articlesList__item:hover:first-child .articlesList__col._img .articlesList__img:before {
		background: var(--color-secondary-dop);
	}
	.articlesList__item:hover:first-child .articlesList__date {
		color: var(--color-secondary);
	}

	.articlesList__item:hover:first-child .articlesList__name {
		border-bottom: 1px solid var(--color-secondary);
	}

}

/*tablets*/
@media (max-width: 991px) {
	.articlesList__items {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
	}
}

/*phones*/
@media (max-width: 767px) {
	.articlesList__date {
		display: none;
	}
	.articlesList__col._img {
		order: 1;
	}
	.articlesList__col._content {
		order: 2;
	}
	.articlesList__img {
		padding-top: 50%;
	}
}
/* End */


/* Start:/local/templates/safit/components/bitrix/system.pagenavigation/.default/style.css?1764851945785*/
.pagenavigation {
	--color-bg: var(--color-secondary-dop);
	--color-link: #000;
	--color-text: var(--color-secondary);
	display: inline-block;
}

.pagenavigation__items {
	display: flex;
	align-items: center;
	border-radius: 1.25rem;
	background: var(--color-bg);
	padding: 1rem 1.75rem;
	font-size: 1.25rem;
}
.pagenavigation__item {
	color: var(--color-link);
	padding: 0 0.625rem;
	line-height: 1;
}
.pagenavigation__item {
	color: var(--color-link);
	text-decoration: none;
}
.pagenavigation__item._empty,
.pagenavigation__item._cur {
	color: var(--color-text);
}
.pagenavigation__item._next,
.pagenavigation__item._prev {
	line-height: 0;
}
.pagenavigation__item svg {height: 1em;}

a.pagenavigation__item:hover {
	color: var(--color-text);
}

/* End */
/* /local/templates/safit/components/bitrix/news/articles/bitrix/news.list/.default/style.css?17648519453646 */
/* /local/templates/safit/components/bitrix/system.pagenavigation/.default/style.css?1764851945785 */