@import "../_variables.css";

.event-container {
    max-width: 100%;
    gap: 48px;
    padding: 48px 130px;
    font-family: 'Helvetica Neue', sans-serif;
    background: #f9f9f9;

    .event-header h1 {
        font-family: 'DM Sans', sans-serif;
        font-size: 48px;
        font-weight: 700;
        line-height: 48px;
        letter-spacing: 0%;
        margin-bottom: 16px;
    }

    .event-subtitle {
        font-family: 'Inter', sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        letter-spacing: 0%;
        color: #666;
        margin-bottom: 24px;
    }

    .event-image {
        border-radius: 16px;
        overflow: hidden;
        height: 512px;
    }

    .event-image img {
        height: 100%;
        object-fit: cover;
    }

    .event-footer {
        margin-top: 40px;
        margin-bottom: 40px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .event-meta-line {
        display: flex;
        gap: 48px;
        flex-wrap: wrap;
    }

    /* Meta Item (Date/Location) */
    .meta-item {
        display: flex;
        align-items: flex-start;
        gap: 12px;
        font-size: 14px;
        color: #444;
    }

    .meta-item .uk-icon {
        color: rgba(109, 40, 217, 1)
    }

    /* Meta Text Formatting */
    .meta-text div {
        font-family: 'DM Sans', sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0%;
        vertical-align: middle;
    }

    .event-body {
        flex: 1 150px;
    }

    .event-buttons {
        display: flex;
        gap: 8px;
    }
    svg.event-icon {
        color: #6D28D9;
    }

     /* svg.location {
        color: #6D28D9;
        stroke: currentColor ;
     } */
}