/* 1) Make .post fill available space and align columns */
.tiny-slider-inner .item .post {
display: flex;
flex-direction: column;
height: 100%;
}

/* ensure the .row behaves like a flex container for equal height columns */
.tiny-slider-inner .item .post .row {
display: flex;
width: 100%;
align-items: stretch; /* both columns same height */
}

/* columns should be full-height flex containers */
.tiny-slider-inner .item .post .col-12.col-lg-6 {
display: flex;
flex-direction: column;
justify-content: stretch;
padding: 0.5rem; /* optional spacing */
}

/* image container and image rules */
.post-img {
flex: 1 1 auto; /* allow height stretching */
height: 100%;   /* fill parent height */
overflow: hidden;
border-radius: 0.5rem;
display: flex;
align-items: stretch;
}


.post-img {
flex: 1 1 auto; /* allow vertical stretch */
height: 100%;
display: flex;
align-items: stretch;
overflow: hidden;
border-radius: 0.5rem;
}

.post-img img {
max-height: none;  /* remove height limit */
height: 100%;      /* fill vertical space */
width: 100%;
object-fit: cover;
display: block;
}


.post-body {
flex: 1 1 auto;   /* content grows here */
overflow: auto;   /* prevents overflow if extremely long */
}

/* push the button to the bottom if content is short */
.post-content .mt-3 {
margin-top: auto;
}

/* list-group visuals */
.list-group-borderless .list-group-item {
border: none;
padding-left: 0;
padding-right: 0;
}

/* responsive tweaks */
@media (max-width: 992px) {
.post-img img {
  max-height: 320px;
}
}

@media (max-width: 576px) {
.post-img img {
  max-height: 220px;
}
}

.tns-controls i {
  font-size: 16px;
}