/* Base Event Structure */
.content_row_card {
    display: flex;
    flex-direction: row;
    border-bottom: 4px solid transparent;
    border-radius: 15px;
    transition: 0.3s;
}

/* Date Container Styles */
.content_row_card .date_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 120px;
    min-width: 120px;
    border-radius: 15px 0 0 15px;
    background: var(--tertiary);
    color: white;
    transition: 0.3s;
}

.content_row_card .date_container > * {
    margin: 0;
}

.content_row_card .month {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: 800;
}

.content_row_card .day {
    font-size: 50px;
}

/* Post Data Container */
.content_row_card .post_data {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    gap: 20px;
    padding: 30px 40px;
    background: var(--white-smoke);
    color: var(--font);
    border-radius: 0 15px 15px 0;
    align-items: center;
    justify-content: space-between;
}

.content_row_card .post_data .title_excerpt {
    color: var(--primary);
}

.content_row_card .data_container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Metadata Styles */
.content_row_card .metadata {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    row-gap: 5px;
}

.content_row_card .metadata > * {
    background: left / 20px no-repeat;
    padding-left: 30px;
    width: fit-content;
    margin: 0;
}

.content_row_card .dates {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' fill='none'%3e%3cpath fill='%23C7C7C7' fill-rule='evenodd' d='M4.4 2.2a10 10 0 1 1 11.2 16.6A10 10 0 0 1 4.4 2.2Zm6.8 7.7 1.6-.8c.6-.2 1.3 0 1.6.6.2.6 0 1.3-.6 1.6l-3.3 1.4a1 1 0 0 1-1.1 0 1.2 1.2 0 0 1-.6-1v-6a1.2 1.2 0 0 1 2.4 0V10Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.content_row_card .event-level {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3cpath fill='%23C7C7C7' d='M16.9 15.9a9 9 0 0 1-4.5 2.9 9 9 0 0 0 2.2-3.8c.8.2 1.6.5 2.3.9ZM7.6 18.8A9 9 0 0 1 3 15.9l2.3-1a9 9 0 0 0 2.2 3.9ZM5.2 14.2c-1 .3-1.8.7-2.5 1.1a9 9 0 0 1-1.7-5h3.7c0 1.5.2 2.8.5 4ZM19 10.4a9 9 0 0 1-1.7 5c-.7-.5-1.5-.9-2.5-1.2.3-1.1.5-2.4.5-3.8H19ZM17.4 4.8 15 6c-.5-2-1.4-3.7-2.5-4.8a9 9 0 0 1 5 3.6ZM7.6 1.2C6.5 2.2 5.6 4 5 6c-1-.3-1.8-.8-2.5-1.2a9.1 9.1 0 0 1 5-3.6ZM5 6.7c-.2 1-.3 1.9-.3 3H1a9 9 0 0 1 1.2-4.3c.8.5 1.7 1 2.7 1.3ZM19 9.6h-3.7a17.2 17.2 0 0 0-.2-3c1-.3 2-.7 2.7-1.2A9 9 0 0 1 19 9.6ZM13.9 14.8l-.8 1.8a6 6 0 0 1-1.5 1.9c-.4.3-.8.5-1.2.5v-4.7c1.2 0 2.4.2 3.5.5ZM9.6 14.3V19c-.4 0-.8-.2-1.2-.5a6 6 0 0 1-1.5-1.9l-.8-1.8c1.1-.3 2.3-.5 3.5-.5ZM9.6 10.4v3.2c-1.3 0-2.5.2-3.7.4a14 14 0 0 1-.5-3.6h4.2ZM14.6 10.4A16.2 16.2 0 0 1 14 14c-1.2-.2-2.4-.4-3.7-.4v-3.2h4.2ZM14.1 6.2c-1.1.3-2.4.4-3.7.5V1c.4 0 .8.2 1.2.5.5.5 1 1.1 1.5 1.9.4.8.8 1.7 1 2.8ZM9.6 1v5.7C8.3 6.7 7 6.5 6 6.2c.2-1 .6-2 1-2.8a6 6 0 0 1 1.5-1.9c.4-.3.8-.5 1.2-.5ZM9.6 7.4v2.2H5.4c0-1 .1-1.8.3-2.7 1.2.3 2.6.5 4 .5ZM14.6 9.6h-4.2V7.4c1.3 0 2.7-.2 3.9-.5l.3 2.7Z'/%3e%3cpath fill='%23C7C7C7' fill-rule='evenodd' d='M10 19a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0 1a10 10 0 1 0 0-20 10 10 0 0 0 0 20Z' clip-rule='evenodd'/%3e%3c/svg%3e");
}

.content_row_card .divisions {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3e%3cpath fill='%23C7C7C7' fill-rule='evenodd' d='M10 20a10 10 0 1 0 0-20 10 10 0 0 0 0 20Zm3.4-10.4c.4-.6.6-1.4.6-2 0-2-1.8-3.6-4-3.6S6 5.6 6 7.6a4.6 4.6 0 0 0 .6 2l1.7 3.7L10 17l3.4-7.3Z' clip-rule='evenodd'/%3e%3cpath fill='%23C7C7C7' d='M13 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/%3e%3c/svg%3e");
}

/* CTA Button */
.content_row_card .cta {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%; /* 24px */
    letter-spacing: 1.6px;
    text-transform: uppercase;
    color: var(--tertiary);
}

.content_row_card .post_data .cta {
    background: calc(100% - 5px) / 14px 22px no-repeat url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='22' fill='none'%3e%3cpath fill='%23D9D9D9' d='M1.7 2.5a2 2 0 0 1 3.1-.3l7.6 7.6c.8.8.8 2 0 2.9l-.2.2a2 2 0 0 1-2.9 0L1.8 5.3a2 2 0 0 1-.3-2.5l.2-.3Z'/%3e%3cpath fill='%23D9D9D9' d='M1.5 19.7a2 2 0 0 1 .3-2.5l7.5-7.6a2 2 0 0 1 2.9 0l.2.2c.8.8.8 2 0 2.9l-7.6 7.6a2 2 0 0 1-3-.3l-.3-.3Z'/%3e%3c/svg%3e");
    padding-right: 30px;
    min-width: 100px;
}

/* Hover Effects */
.content_row_card:hover .cta {
    color: var(--secondary);
}

.content_row_card:hover .date_container {
    background: var(--secondary);
}

.content_row_card:hover .post_thumb .date_container,
.content_row_card:hover .post_thumb .event-level {
    background: var(--secondary);
}

/* Media Queries */
@media (max-width: 800px) {
    .content_row_card .post_data {
        flex-direction: column;
    }

    .content_row_card .post_data .data_container {
        align-self: flex-start;
    }

    .content_row_card .post_data .cta {
        align-self: flex-end;
    }
}

@media (max-width: 450px) {
    .content_row_card .date_container {
        min-height: 100px;
        min-width: 100px;
    }

    .content_row_card .day {
        font-size: 40px;
    }

    .content_row_card .post_data {
        padding: 30px 30px 20px;
    }
}