@import "./palette.css";
@import "./typography.css";
@import "./header.css";
@import "./footer.css";

/*********** header background-color *************/
header .bg-dark {
	background-color: #ffffff !important;
	border-bottom: 1px solid #d1d7dc;
}
/*********** //header background-color *************/

/******* section id="news-page-images" *********/
#news-page-images {
	padding: 88px 0 100px 0;
}

#news-page-images .sub_two {
	font-weight: 500;
}

#news-page-images .date {
	color: var(--darkGray);
	font-weight: 600;
}

.page-images img {
	width: 100%;
	border-radius: 12px;
}
h1.main-name-h1 span,
p.main-two-p span {
	font-variant-numeric: lining-nums;
}
#news-page-images .width-page-p {
	max-width: 500px;
}
#news-page-images .btn span svg {
	position: absolute;
	top: 13px;
	left: 17px;
}
.main-arrow-text {
	margin-left: 37px;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 14px;
}
a.main-button-a {
	letter-spacing: 1px;
}
a.main-button-a:hover {
	color: var(--accent);
}
#news-page-images a.main-button-a:hover span.main-arrow svg {
	left: 10px;
	transition: 0.5s;
}
/********* main-button-animation ********/
@-webkit-keyframes swing {
	15% {
		-webkit-transform: translateX(7px);
		transform: translateX(7px);
	}
	30% {
		-webkit-transform: translateX(-7px);
		transform: translateX(-7px);
	}
	40% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
	50% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	65% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes swing {
	15% {
		-webkit-transform: translateX(7px);
		transform: translateX(7px);
	}
	30% {
		-webkit-transform: translateX(-7px);
		transform: translateX(-7px);
	}
	40% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px);
	}
	50% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	65% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@media (max-width: 700px) {
	#news-page-images {
		padding: 44px 0 50px 0;
	}
	
	/* Отступ между кнопкой "Узнать подробнее" и изображением акции */
	#news-page-images .page-images {
		margin-top: 30px;
	}
}