/* -------------------------------- 

File#: _1_article-preview-v2
Title: Article Preview v2
Descr: Blog post excerpt, containing a link to the article page
Usage: codyhouse.co/license

-------------------------------- */
.story-v2__meta a {
    color: var(--color-contrast-high);
    transition: 0.2s
}

.story-v2__meta a:hover {
    color: var(--color-primary)
}

.story-v2__meta span[role=separator] {
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    background-color: var(--color-contrast-low);
    border-radius: 50%;
    margin: 0 var(--space-3xs)
}

.story-v2__headline a {
    color: var(--color-contrast-higher);
    text-decoration: underline;
    background-repeat: no-repeat;
    background-image: linear-gradient(transparent 50%, hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2) 50%);
    background-size: 0% 100%;
    will-change: background-size;
    transition: background-size 0.3s var(--ease-in-out)
}

.story-v2__headline a:hover {
    background-size: 100% 100%
}

.story-v2__excerpt {
    color: var(--color-contrast-medium)
}

.story-v2__img {
    display: block;
    transition: opacity 0.2s
}

.story-v2__img:hover {
    opacity: 0.85
}

.story-v2__img img {
    display: block;
    width: 100%
}

@media (min-width: 64rem) {
    .story-v2--featured .story-v2__excerpt {
        max-width: 70%;
        margin-left: auto
    }
}

/* -------------------------------- 

File#: _2_related-articles
Title: Related Articles
Descr: A list of related stories
Usage: codyhouse.co/license

-------------------------------- */