/* =========================
   EVENT CARD
========================= */

/* CARD */

.km-event-card{

    position:relative;

}

/* BADGE */

.km-event-badge{

    position:absolute;

    top:-1px;

    left:12px;

    background:#16a34a;

    color:white;

    font-size:10px;

    font-weight:700;

    padding:4px 8px;

    border-radius:0 0 6px 6px;

    z-index:5;

}

/* WRAPPER */

.km-event-wrapper{

    height:70px;

    overflow:hidden;

}

/* SLIDER */

.km-event-slider{

    display:flex;

    flex-direction:column;

    transition:
        transform .5s ease;

}

/* ITEM */

.km-event-item{

    display:flex;

    align-items:center;

    gap:10px;

    height:70px;

    text-decoration:none;

    color:inherit;

}

/* DATE BOX */

.km-event-date{

    width:45px;

    min-width:45px;

    background:#f0fdf4;

    border-radius:8px;

    text-align:center;

    padding:4px;

}

/* DAY */

.km-event-date .day{

    font-size:14px;

    font-weight:800;

    color:#166534;

}

/* MONTH */

.km-event-date .month{

    font-size:10px;

    text-transform:uppercase;

    color:#15803d;

}

/* CONTENT */

.km-event-content{

    flex:1;

    min-width:0;

}

/* TITLE */

.km-event-title{

    font-size:16px;

    font-weight:400;

    line-height:1.4;

    color:#1e293b;

}

/* LOCATION */

.km-event-loc{

    font-size:11px;

    color:#64748b;

    margin-top:2px;

}