.blog-archive{
	padding:40px 0
}
.blog-archive .container{
	max-width:1200px;
	margin:0 auto;
	padding:0 16px
}
.blog-archive__title{
	font-size:34px;
	margin:0 0 24px;
}

.blog-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
}
@media(max-width:991px){
	.blog-grid{
		grid-template-columns:repeat(2,1fr);
}
}
@media(max-width:599px){
	.blog-grid{
		grid-template-columns:1fr
}
}

.blog-card{
	display:flex;
	flex-direction:column;
	background:#fff;
	border:1px solid #eee;
	border-radius:14px;
	overflow:hidden
}
.blog-card__thumb img{
	width:100%;
	height:auto;
	display:block
}
.blog-card__body{
	padding:16px;
	display:flex;
	flex-direction:column;
	gap:10px
}
.blog-card__title{
	font-size:20px;
	margin:0;
	line-height:1.3;
	color: black;
}
.blog-card__meta{
	color:#7a7a7a;
	font-size:13px
}
.blog-card__excerpt{
	color:#444
}
.blog-card__more{
	margin-top:auto;
	display:inline-block;
	padding:10px 14px;
	border-radius:10px;
	background:#1d7fff;
	color:#fff;
	text-decoration:none;
	font-weight:600;
	text-align: center;
}
.blog-card__more:hover{
	filter:brightness(0.95)
}

.blog-pagination{
	margin-top:28px;
	text-align:center
}
.blog-pagination .page-numbers{
	display:inline-block;
	padding:8px 12px;
	margin:0 4px;
	border:1px solid #e3e3e3;
	border-radius:10px;
	text-decoration:none
}
.blog-pagination .current{
	background:#1d7fff;
	color:#fff;
	border-color:#1d7fff
}
.blog-card__title a {
  color: #1a1a1a; /* основний колір */
  text-decoration: none;
}

.blog-card__title a:hover {
  color: #0a58ca; /* колір при наведенні */
}
.blog-card__thumb {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: 12px;
}
/*всередині статті*/
.blog-card__img {
  width: 100%;
  max-height: 800px;
  height: auto;
  object-fit: cover;
  display: block;
}
.post .wp-post-image {
	width: 100%;
	max-height: auto;
}