.event-section {
    /* Container for event section */
}

.event-date {
    color: #6c757d;
    font-size: 0.9rem;
    margin-bottom: 5px;
}

.event-title {
    color: var(--hb-accent-blue);
    text-decoration: none;
    font-weight: 600;
}

.event-title:hover {
    text-decoration: underline;
}

.block-event-item {
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
}


/* Dynamic background gradients based on position */
.event-section .block-event-item:nth-child(1) {
    background: linear-gradient(135deg, #fff3cd, #ffeaa7);
}

.event-section .block-event-item:nth-child(2) {
    background: linear-gradient(135deg, #d1f2eb, #a8e6cf);
}

.event-section .block-event-item:nth-child(3) {
    background: linear-gradient(135deg, #cce5ff, #b3d9ff);
}

.event-section .block-event-item:nth-child(4) {
    background: linear-gradient(135deg, #ffe4b5, #ffd700);
}

.event-section .block-event-item:nth-child(5) {
    background: linear-gradient(135deg, #f8d7da, #f5c6cb);
}

.event-section .block-event-item:nth-child(6) {
    background: linear-gradient(135deg, #d4edda, #c3e6cb);
}

.event-section .block-event-item:nth-child(7) {
    background: linear-gradient(135deg, #d1ecf1, #bee5eb);
}

.event-section .block-event-item:nth-child(8) {
    background: linear-gradient(135deg, #fff3cd, #ffeaa7);
}

/* For additional items beyond 8, cycle through the first 4 patterns */
.event-section .block-event-item:nth-child(4n+1):nth-child(n+9) {
    background: linear-gradient(135deg, #fff3cd, #ffeaa7);
}

.event-section .block-event-item:nth-child(4n+2):nth-child(n+9) {
    background: linear-gradient(135deg, #d1f2eb, #a8e6cf);
}

.event-section .block-event-item:nth-child(4n+3):nth-child(n+9) {
    background: linear-gradient(135deg, #cce5ff, #b3d9ff);
}

.event-section .block-event-item:nth-child(4n+4):nth-child(n+9) {
    background: linear-gradient(135deg, #ffe4b5, #ffd700);
}

.w-img-event-sidebar {
    width: 80px;
}