/* Event Single CSS file */
/* ------------------------------------------------- */

section.event-content {
    padding: var(--space-11) 0;
    position: relative;
}

section.event-content .wrap {
    display: flex;
    flex-direction: column;
    gap: var(--space-9);
}

.event-grid {
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    gap: var(--space-9);
}

.event-grid-left {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.event-grid-left .heading-2 {
    color: var(--blue-700);
}

.event-grid-right {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.event-meta-date,
.event-meta-location {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--neutral-500);
}

.event-meta-date svg,
.event-meta-location svg {
    flex-shrink: 0;
}

.content-text {
    color: var(--neutral-500);
}

@media (max-width: 768px) {
    .event-grid {
        grid-template-columns: 1fr;
    }
}