/*
 * PromoBox — card-style promotional box (templates/components/PromoBox.html.twig).
 * BEM: .promo-box, .promo-box__image, .promo-box__date, .promo-box__title, .promo-box__description
 */

 .promo-box__content {
    padding:0 0.5em;
}
 .promo-box__image-link {
    display: block;
}

.promo-box__image {
    margin-bottom:1em;
}

.promo-box__date {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
    color: var(--brand-colour-secondary);

}

.promo-box__title {
    margin-bottom:0.7em;

    a {
        color:var(--brand-colour-link-dark);
        text-decoration:underline;
    }
}

.promo-box__title-link {
    color: inherit;
    text-decoration: none;
}

.promo-box__title-link:hover {
    color: var(--brand-colour-link-dark);
}

.promo-box__description {
    margin-bottom: 0;
    font-size:0.8em;
    p {
        line-height:25px;
    }
}