/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 16 2025 | 20:50:55 */
.bdp_blog_wraper .content_wrapper{
    display: flex !important;
padding: 40px !important;
flex-direction: column !important;
align-items: flex-start !important;
gap: 40px !important;
align-self: stretch !important;
	position:relative;
}
@media(max-width:1152px){
	.image_wrapper img{
	object-fit:cover;
    width: 100% !important;
    height: 234px !important;
    min-height: 234px !important;
	border-radius:0;
	border-top-left-radius:40px;
	border-top-right-radius:40px;
		min-width:100% !Important;
		aspect-ratio:3 !Important;
		object-position:left;
		
	}
}
.bdp_blog_wraper{
    min-height: 460px !important;
	max-height:460px !Important;
	border-radius: 40px;
border: 1px solid var(--Grey-500, #E8E8E8);
background: var(--White-white, #FFF);
box-shadow: 0px 0px 4px 0px rgba(47, 50, 65, 0.04), 0px 8px 16px 0px rgba(47, 50, 65, 0.08);
	display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
	position:relative;
}

.content_avatar_meta{
	position:absolute !Important;
	bottom:35px;
	width:75% !Important;
	justify-content:space-between;
	height:32px;
	left: 40px;
    top: 150px;
}
@media(min-width:1152px){
.image_wrapper img{
	aspect-ratio:416 / 234 !important;
	object-fit:cover;
	
    width: 100% !important;
    height: 234px !important;
    min-height: 234px !important;
	border-radius:0;
	border-top-left-radius:40px;
	border-top-right-radius:40px;
	
}
}

.post-title a{
	font-size:24px !Important;
	font-family: Inter;

font-style: normal;
font-weight: 700;
line-height: 130%; 
}
.post-title a:hover{
	background: linear-gradient(90deg, var(--Yellow-500, #FFBF00) 0%, rgba(255, 81, 47, 0.70) 100%), var(--Yellow-500, #FFBF00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /* Для поддержки Firefox */
  background-clip: text;
  color: transparent;
}

.author-avatar img{
	width:32px !Important;
	height:32px !Important;
}
.post-entry-meta .date{
	font-family: Inter;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 130%;
	color:black;
}
.blog_template{
	padding:8px !Important;
}
.latest-posts-grid{
	gap:0 !Important;
}
@media(max-width:1152px){
.latest-posts-grid{
	gap:0 !Important;
	grid-template-columns: repeat(2, 1fr) ! Important;
}
}
@media(max-width:1152px){
.content_avatar_meta{
		position:absolute !Important;
	bottom:35px;
	width:75% !Important;
	justify-content:space-between;
	height:32px;
	left: 40px;
    top: 140px;
}
}
@media(max-width:769px){
.latest-posts-grid{
	gap:0 !Important;
	grid-template-columns: repeat(1, 1fr) ! Important;
	gap:40px !Important;
}
}

.pagination{
	margin-top:64px !improtant;
	display:flex;
	justify-content:center;
}
.pagination a{
	display: flex;
width: 36px;
padding: 8px 0px;
justify-content: center;
align-items: center;
	border-radius: 18px;
border: 1px solid var(--Black-black, #000);
	background:transparent;
	font-family:Inter;
	font-size:13px;
	font-style: normal;
font-weight: 500;
line-height: 20px;
}
.pagination .current{
	display: flex;
width: 36px;
padding: 8px 0px;
justify-content: center;
align-items: center;
	border-radius: 18px;
border: 1px solid var(--Black-black, #000);
	border-radius: 18px;
border: 1px solid var(--Grey-0, #FFF);
background: var(--Dark-500, #2F3241);
	font-family:Inter;
	font-size:13px;
	font-style: normal;
font-weight: 500;
line-height: 20px;
}
.pagination a:hover{
	color:white;
	background:#2F3241 !Important;
	transition:0.3s ease-in-out;
}
a.next.page-numbers, a.prev.page-numbers{
	border:1px solid #BEBFC4;
}