/* =========================
   Live Events – Contests style
   ========================= */

.live-event-item {
    background: var(--colorTwo);
    padding: 15px;
    border-radius: 10px;
    height: 100%;
}

.col-md-6:nth-child(odd) .live-event-item,
.col-lg-4:nth-child(odd) .live-event-item {
    background: var(--colorThree);
}

/* status */

.live-status {
    display: inline-block;
    font-size: 0.75em;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 6px;
}
.live-status:hover {
    color: #fff;
    text-decoration: none;
}
.status-upcoming .live-status { background: #b88a00; }
.status-finished .live-status { background: #6c757d; }

.status-live .live-status {
    background: #1f7a3a;
    color: #ffffff;
    box-shadow:
        0 0 6px rgba(46, 242, 154, 0.6),
        0 0 12px rgba(46, 242, 154, 0.35);
}
@keyframes liveLedPulse {
    0%   { box-shadow: 0 0 6px rgba(46,242,154,.6), 0 0 12px rgba(46,242,154,.35); }
    50%  { box-shadow: 0 0 10px rgba(46,242,154,.85), 0 0 18px rgba(46,242,154,.55); }
    100% { box-shadow: 0 0 6px rgba(46,242,154,.6), 0 0 12px rgba(46,242,154,.35); }
}
.status-live .live-status {
    animation: liveLedPulse 1.8s ease-in-out infinite;
}

/* title */

.live-title {
    font-size: 1.25em;
    font-weight: 600;
    min-height: 48px;
    margin: 0.4em 0 0.6em;
}

.live-title a {
    color: var(--textColor);
    text-decoration: none;
}

.live-title a:hover {
    color: var(--colorDetail);
}

/* dates */

.live-dates {
    font-size: 0.85em;
    margin-bottom: 0.6em;
}

.live-dates small {
    color: #9a9a9a;
}

/* stats */

.live-stats {
    font-size: 0.85em;
    color: #b0b0b0;
}

.live-stats span {
    margin-right: 10px;
}

.live-stats strong {
    color: var(--textColor);
}