.alloni3-post-slider { position: relative; overflow: hidden; }
.alloni3-post-slider-track { display:flex; width:100%; will-change: transform; }
.alloni3-slide {
    flex: 0 0 calc(100% / 3);
    box-sizing: border-box;
    padding: 12px;
    min-height: 1px;
}

/* order: date, thumb, title, excerpt, button are block-level */
.alloni3-slide .slide-date,
.alloni3-slide .slide-thumb,
.alloni3-slide .slide-title,
.alloni3-slide .slide-excerpt,
.alloni3-slide .slide-footer {
    display:block;
    width:100%;
    margin-bottom:8px;
}

.alloni3-slide .slide-thumb img { max-width:100%; height:auto; display:block; }

.slide-title { font-size: 1.05rem; margin: 0 0 6px; }
.slide-excerpt { margin: 8px 0; color: #555; }
.slide-view-btn { display:inline-block; padding:6px 12px; background:#0073aa; color:#fff; text-decoration:none; border-radius:3px; }

/* nav */
.post-slider-prev, .post-slider-next {
    position: absolute; top:50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color:#fff; border:0; padding:6px 10px; cursor:pointer;
}
.post-slider-prev { left:6px; }
.post-slider-next { right:6px; }

/* responsive: show 1 item on small screens, 2 on medium */
@media (max-width: 767px) {
    .alloni3-slide { flex: 0 0 100%; }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .alloni3-slide { flex: 0 0 50%; }
}