.c3-posts {
    display: block;
    margin-top: -40px;
}

.c3-post {
    position: relative;
    margin-top: 40px;
    padding: 40px;
    background-color: #fff;
}

.c3-post .c3-post__link,
.c3-post .c3-post__meta-link {
    color: var(--e-global-color-primary);
}

.c3-post .c3-post__link:hover,
.c3-post .c3-post__meta-link:hover {
    color: var(--e-global-color-accent);
}

.c3-post__thumbnail-image {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
}

.c3-post__thumbnail,
.c3-post__title {
    margin: 0 0 20px 0;
}

.c3-post__header {
    position: relative;
}

.c3-post__title {
    margin-right: 80px;
    font-family: var(--e-global-typography-secondary-font-family);
    font-weight: var(--e-global-typography-secondary-font-weight);
    font-size: var(--e-global-typography-secondary-font-size);
    color: var(--e-global-color-primary);
    line-height: var(--e-global-typography-secondary-line-height);
    letter-spacing: var(--e-global-typography-secondary-letter-spacing);
    text-transform: var(--e-global-typography-secondary-text-transform);
}

.c3-post__meta {
    position: absolute;
    top: calc(50% + 3px);
    right: -85px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    font-family: var(--e-global-typography-accent-font-family);
    font-weight: var(--e-global-typography-accent-font-weight);
    font-size: var(--e-global-typography-accent-font-size);
    color: var(--e-global-color-secondary);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    text-transform: lowercase;
}

.c3-post__meta-category {
    padding: 0 10px;
    background-color: #f9f9f9;
}

.c3-post__excerpt {
    font-family: var(--e-global-typography-text-font-family);
    font-weight: var(--e-global-typography-text-font-weight);
    font-size: var(--e-global-typography-text-font-size);
    color: var(--e-global-color-text);
    line-height: var(--e-global-typography-text-line-height);
    letter-spacing: var(--e-global-typography-text-letter-spacing);
    text-transform: var(--e-global-typography-text-text-transform);
}

.c3-post__read-more {
    font-family: var(--e-global-typography-accent-font-family);
    font-weight: var(--e-global-typography-accent-font-weight);
    font-size: var(--e-global-typography-accent-font-size);
    color: var(--e-global-color-primary);
    line-height: var(--e-global-typography-accent-line-height);
    letter-spacing: var(--e-global-typography-accent-letter-spacing);
    text-transform: uppercase;
}

@media (max-width: 1024px) {
    .c3-post__title {
        margin-right: 60px;
    }

    .c3-post__meta {
        right: -65px;
    }
}

@media (max-width: 767px) {
    .c3-post {
        padding: 20px;
    }

    .c3-post__meta {
        right: -40px;
    }
}