.card {
	display: block;

	/* Set as position parent */
	position: relative;

	/* Set them up to play nice as inline-blocks. */
	vertical-align: top;
	overflow: visible;

    /* Negate possible spacing when .card is used on something typographic */
	margin: 0 auto;

    /* Make way for the thumbnail! */
    padding: 0 0 0 4.6875rem;
    min-height: 3.75rem;
    text-decoration: none;
}

.card:hover,
.card:focus{
    text-decoration: none;
    color: rgb(96, 96, 96);
}

.card > img,
.card > svg,
.card > video,
.card > canvas {
	/* Don't allow media to break out of .card bounds. */
	max-width: 100%;
}

.card > .thumb {
    position: absolute;
    top: 0;
    left: 0;
}

.card > .text-09 + p {
    margin-top: 0.9375rem;
}

* + .card {
    margin-top: 0.9375rem;
}

.card + hr {
    margin-top: 0.9375rem;
}



.card-document {
    padding: 0 3.125rem 0 0;
    text-decoration: none;
}

a.card-document:hover,
a.card-document:focus {
    color: #606060;
    text-decoration: none;
}

.card-document::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 30px;
    margin-top: -15px;
    background-image: url('/images/icon-pdf.svg');
    background-position: 50% 50%;
    background-size: contain;
}

a.card-document:hover::after,
a.card-document:focus::after {
    /* Fudge. Make background match the grey of the text color. */
    opacity: 0.6;
}