/**
 * @file
 * Styles for article hero
*/
.article-hero-image-wrapper{
    position: relative;
    max-height: 70vh;
    margin-bottom: var(--spacing-10);
}
.article-hero-image-wrapper .feat-image{
    margin-bottom: 0;
}
.article-hero-image-wrapper .article-tag{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0.2rem var(--spacing-10);
    background-color: var(--white);
}
.article-tag, .article-tag-no-pad{
    text-transform: uppercase;
}
.article-tag a, .article-tag-no-pad a{
    transition: var(--three-sec-trans);
    color: var(--red);
    text-decoration: none;
}
.article-tag a:hover, .article-tag a:focus,
.article-tag-no-pad a:hover, .article-tag-no-pad a:focus{
    text-underline-offset: var(--underline-offset);
    text-decoration-thickness: var(--underline-thickness);
    text-decoration: underline;
    color: var(--red);
    text-decoration-style: dotted;
}