.i_post{
	line-height: 1.5;
}
.i_post a{
	display: block;
	height: 100%;
	color: var(--active3);
}
.i_post a:hover{
	color: var(--active4);
}
.i_post a > .flx{
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}
.i_post a > .flx > div{
	width: 100%;
}
.i_post .i_bkg:not(.for_tab){
	height: auto;
}
.i_post .tt{
	font-weight: 700;
}
.i_post .b_dt_tb{
	width: 100%;
	font-weight: 400;
	align-items: center;
    justify-content: space-between;
    border-top-style: solid;
    -webkit-transition: border-color .2s ease-in-out;
    -moz-transition: border-color .2s ease-in-out;
    -ms-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
}
.i_post a:not(:hover) .b_dt_tb{
	border-top-color: var(--active6);
}
.i_post a:hover .b_dt_tb{
	border-top-color: var(--active4);
}
.b_dt_tb span{
	text-transform: uppercase;
	letter-spacing: .04em;
}
.b_dt_tb span svg{
	width: 1.5714em;
	margin-left: .8571em;
}
.i_post a:hover .b_dt_tb span svg *{
	fill: var(--active4);
}

@media(max-width: 650px){
	.i_section .l_posts{
		margin-top: 2em;
	}
	.l_posts .i_bkg:not(.for_tab){
		padding-top: 67%;
	}
	.i_post .tt{
		font-size: 1.125em;
		padding-top: .6667em;
		padding-bottom: .6667em;
	}
	.i_post .b_dt_tb{
		border-top-width: 1px;
		font-size: .875em;
		padding-top: .8571em;
		padding-bottom: .8571em;
	}
	.i_post:not(:last-child){
		margin-bottom: 2.5em;
	}
}