.card {
    display: flex;
    row-gap: var(--wp--preset--spacing--small);
    column-gap: var(--wp--preset--spacing--small);
    /* padding: var(--wp--preset--spacing--small); */
    background-color: var(--wp--preset--color--white);
    border-radius: var(--wp--custom--border--radius--medium);
    /* box-shadow: 0px 0px 8px #00000020; */
    transition: all .25s cubic-bezier(0.46, 0.03, 0.52, 0.96);
    flex-wrap: wrap;
    align-content: flex-start;
    position: relative;
}

.card:hover {text-decoration:none;/* transform:translateY(-5px); *//* box-shadow: 0px 2px 12px #00000010; */color: inherit;}

.card-meta {
    /* flex: 1 0 60%; */
}

.card h2 {
    font-size: var(--wp--preset--font-size--medium);
    color: var(--wp--preset--color--black);
    margin: 0 0 var(--wp--preset--spacing--small) 0;
}

.card .card-excerpt {
    margin: 0;
    font-size: var(--wp--preset--font-size--small);
    line-height: var(--wp--custom--line-height--small);
}

.card img {
    aspect-ratio: 2/1;
    object-fit: cover;
    vertical-align: middle;
    border-radius: 0;
}
.chevron {
    max-width: 50px;
    height: 50px;
    border: 1px solid black;
    padding: 10px;
    display: flex;
}

.card-category {
    position: absolute;
    top: 10px;
    left: 10px;
    background: var(--wp--preset--color--white);
    padding: 5px 10px;
    font-size: 16px;
}

/*Events*/
.card.post-card {
    flex-direction: column;
    flex-wrap: wrap;
    text-decoration: none;
}
.card.post-card .card-thumbnail {
    flex: 1 1 35%;
}
.card.post-card {
    font-size: var(--wp--preset--font-size--small);
}
.card.post-card .card-date {
    margin-bottom: 5px;
    font-size: var(--wp--preset--font-size--tiny);
    color: var(--wp--custom--color--neutral--600);
}

.card.post-card .card-category,
.card.post-card .card-location {
    margin: 5px 0 10px 0;
}

.card.post-card .card-location {
    color: var(--wp--custom--color--neutral--600);
}
.card.post-card h2 {
    color: var(--wp--preset--color--black);
}
.card.post-card .readmore {
    color: var(--wp--preset--color--primary);
    text-decoration: underline;
    font-size: var(--wp--preset--font-size--tiny);
}
.card.post-card:hover {
    color:black;
}