.m-card-group {
    padding-bottom: 1px
}

.m-card {
    border-bottom: 0;
    border-radius: .6em;
    display: flex;
    flex-direction: column;
    font-weight: 400;
    margin-bottom: 1.875em;
    margin-top: 1.875em;
    overflow: hidden;
    padding-bottom: 0;
}

.m-card__link,a.m-card {
    cursor: pointer
}

.u-animation .m-card__link,.u-animation a.m-card {
    transition: background .5s ease-in-out
}

.m-card:after {
    clear: both;
    content: "";
    display: block
}

.a-list-plain .m-card {
    position: relative
}

.l-columns>.l-columns__column.m-card {
    padding-bottom: 0;
}

.l-columns>.l-columns__column>.m-card:last-child {
    margin-bottom: 0
}

.m-card-image {
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    text-align: center;
    background-color: #000;
}

.m-card-image img {
    background-color: #000;
    bottom: 0;
    height: 100%;
    left: 50%;
    position: absolute;
    right: 50%;
    top: 0;
    transform: translate(-50%,0);
    width: auto;
}

.m-card-image--icon img {
    height: 76px;
    margin: 1.875em auto 0;
    width: auto
}

.m-card-image__play {
    background-image: url(../images/icons/card/play-white.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.u-animation .m-card-image__play {
    transition: transform .5s ease-in-out
}

.m-card--link:hover .m-card-image__play,a:focus .m-card-image__play,a:hover .m-card-image__play {
    transform: scale(1.2) rotate(.02deg);
    transform-origin: center
}

.m-card-image__duration {
    background-color: #444;
    bottom: 1em;
    color: #fff;
    display: block;
    padding: 5px;
    position: absolute;
    right: 1em
}

.m-card-image__duration p {
    font-size: .875em;
    letter-spacing: 2px;
    margin: -5px 2px
}

.m-card-content .m-card-title {
    font-weight: bold;
    margin: -0.9375em -1.25em 0;
    padding: .5em 1.25em;
    position: relative;
}

.m-card-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: .9375em 1.25em 1.25em;
}

.u-animation .m-card-content {
    transition: background .5s ease-in-out
}

.m-card-content__inner {
    flex-grow: 1;
}

.m-card-content__inner>:first-child:not(.m-card-title) {
    margin-top: 0
}

.m-card-content__inner--bottom {
    flex-grow: 0;
    margin-bottom: 0;
    margin-top: 1em;
}

.m-card-content__inner--bottom>:last-child,.m-card-content__inner>:last-child:not(.a-divider-line) {
    margin-bottom: 0;
}

.m-card-content__inner--bottom>.a-button:last-child {
    margin-top: .625em
}

.m-card-content__inner--bottom .a-button--tertiary,.m-card-content__inner--bottom .m-card-readmore .a-button--tertiary,.m-card-content__inner--bottom>.a-button--tertiary:last-child {
    margin-bottom: -.9375em
}

.m-card-content__inner--bottom .a-button--tertiary-shallow,.m-card-content__inner--bottom .m-card-readmore .a-button--tertiary-shallow,.m-card-content__inner--bottom>.a-button--tertiary-shallow:last-child {
    margin-bottom: -.5625em
}

.m-card-flex {
    align-items: stretch;
    display: block;
    display: flex
}

.m-card-flex__left {
    margin-top: .625em
}

.m-card-flex__right {
    align-items: flex-start;
    display: block;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    overflow: hidden
}

.m-card-content .a-heading--2 {
    margin-bottom: .2083em;
    margin-top: 0
}


@media (min-width: 35em) {
    .m-card-content .a-heading--2 {
        margin-bottom:.1921em
    }
}

@media (min-width: 60em) {
    .m-card-content .a-heading--2 {
        margin-bottom:.1785em
    }
}

.m-card-content p {
    margin-top: .625em;
}

.m-card-content .m-card-dateline+:not(.a-divider-line),.m-card-content .m-card-tagline+:not(.a-divider-line),.m-card-content p.u-margin--none {
    margin-top: 0
}

.m-card-content--10-bottom {
    padding-bottom: .625em
}

.m-card--icon img {
    margin-top: 1.875em
}

.t-accent-dark a.m-card.t-accent-light,.t-accent-dark a.m-card.t-accent-light:visited .m-card-content,.t-card-accent-light a.m-card,.t-card-accent-light a.m-card:visited .m-card-content,a.m-card,a.m-card.t-accent-light,a.m-card.t-accent-light:visited .m-card-content,a.m-card:visited .m-card-content {
    color: #444
}

.a-heading .m-card__link:visited,.m-card--link.t-accent-light .a-heading .m-card__link:visited,.m-card--link.t-accent-light .m-card__link,.m-card--link.t-accent-light .m-card__link:visited,.m-card__link,.m-card__link:visited,.t-accent-dark .a-heading .m-card--link.t-accent-light .m-card__link:visited,.t-accent-dark .m-card--link.t-accent-light .m-card__link,.t-accent-dark .m-card--link.t-accent-light .m-card__link:visited,.t-accent-light .a-heading .m-card__link:visited,.t-accent-light .m-card__link,.t-accent-light .m-card__link:visited,.t-card-accent-light .m-card--link .a-heading .m-card__link:visited,.t-card-accent-light .m-card--link .m-card__link,.t-card-accent-light .m-card--link .m-card__link:visited {
    border-bottom-color: transparent;
    color: #5c596d
}

.m-card--link.t-accent-dark .a-heading .m-card__link:visited,.m-card--link.t-accent-dark .m-card__link,.m-card--link.t-accent-dark .m-card__link:visited,.t-accent-dark .a-heading .m-card__link:visited,.t-accent-dark .m-card__link,.t-accent-dark .m-card__link:visited,.t-card-accent-dark .a-heading .m-card__link:visited,.t-card-accent-dark .m-card__link,.t-card-accent-dark .m-card__link:visited,.t-card-accent-dark a.m-card,.t-card-accent-dark a.m-card:visited .m-card-content,a.m-card.t-accent-dark,a.m-card.t-accent-dark:visited .m-card-content {
    border-bottom-color: transparent;
    color: #fff
}

.m-card-content--middle {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.m-card-content--centred,.m-card-content--centred .a-button--tertiary {
    text-align: center
}

.m-card-content--centred .m-button-group {
    display: flex;
    justify-content: center
}

.m-card-content--centred .m-button-group:after,.m-card-content--centred .m-button-group:before {
    display: none
}

.m-card-content--right>div {
    float: right;
    position: relative;
    text-align: right
}

.m-card-content--left .a-heading--1,.m-card-content--right .a-heading--1 {
    width: 75%
}

.m-card-content--right .a-heading--1 {
    margin-left: 25%
}

.m-card-content--left .a-heading--2,.m-card-content--left p,.m-card-content--right .a-heading--2,.m-card-content--right p {
    width: 50%
}

.m-card-content--right .a-heading--2,.m-card-content--right p {
    margin-left: 50%
}

.m-card-content .m-card-dateline,.m-card-content .m-card-tagline {
    font-size: .875em;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.571em;
    margin-bottom: .3571em;
    margin-top: 0
}

.m-card-content__inner--bottom>.m-card-dateline:first-child,.m-card-content__inner--bottom>.m-card-tagline:first-child {
    margin-top: .7142em
}

.a-heading--2+.m-card-readmore {
    margin-top: .625em
}

.m-card-readmore {
    margin-top: 0
}

.m-card-readmore:last-child {
    margin-bottom: 0
}

.m-card__link .m-card-readmore,a.m-card .m-card-readmore {
    margin-bottom: 0;
    margin-top: .625em;
    padding-top: .625em
}

.m-card-readmore .a-button--tertiary {
    margin-bottom: 1px
}

.m-card-readmore span {
    border-bottom: 1px solid #ccc;
    color: #004fb6;
    font-weight: 700
}

.u-animation .m-card-readmore span {
    transition: all .5s ease-in-out
}

.m-card--link .m-card-readmore span,.m-card--link.t-accent-light .m-card-readmore span,.t-accent-dark .m-card--link.t-accent-light .m-card-readmore span,.t-accent-dark.t-card-accent-light .m-card--link .m-card-readmore span,.t-accent-dark.t-card-accent-light a.m-card .m-card-readmore span,.t-accent-dark a.m-card.t-accent-light .m-card-readmore span,.t-accent-light .m-card--link .m-card-readmore span,.t-accent-light a.m-card .m-card-readmore span,.t-card-accent-light .m-card--link .m-card-readmore span,.t-card-accent-light a.m-card .m-card-readmore span,a.m-card .m-card-readmore span,a.m-card.t-accent-light .m-card-readmore span {
    border-bottom-color: #ccc;
    border-bottom-style: solid;
    color: #004fb6
}

.m-card--link.t-accent-light:hover .m-card-readmore span,.m-card--link:hover .m-card-readmore span,.t-accent-dark .m-card--link.t-accent-light:hover .m-card-readmore span,.t-accent-dark.t-card-accent-light .m-card--link:hover .m-card-readmore span,.t-accent-dark.t-card-accent-light a.m-card:focus .m-card-readmore span,.t-accent-dark.t-card-accent-light a.m-card:hover .m-card-readmore span,.t-accent-dark a.m-card.t-accent-light:focus .m-card-readmore span,.t-accent-dark a.m-card.t-accent-light:hover .m-card-readmore span,.t-accent-light .m-card--link:hover .m-card-readmore span,.t-accent-light a.m-card:focus .m-card-readmore span,.t-accent-light a.m-card:hover .m-card-readmore span,.t-card-accent-light .m-card--link:hover .m-card-readmore span,.t-card-accent-light a.m-card:focus .m-card-readmore span,.t-card-accent-light a.m-card:hover .m-card-readmore span,a.m-card.t-accent-light:focus .m-card-readmore span,a.m-card.t-accent-light:hover .m-card-readmore span,a.m-card:focus .m-card-readmore span {
    border-bottom-color: #004fb6
}

.m-card--link.t-accent-dark .m-card-readmore span,.t-accent-dark .m-card--link .m-card-readmore span,.t-accent-dark a.m-card .m-card-readmore span,.t-accent-light .m-card--link.t-accent-dark .m-card-readmore span,.t-accent-light a.m-card.t-accent-dark .m-card-readmore span,.t-card-accent-dark .m-card--link .m-card-readmore span,.t-card-accent-dark.t-accent-light .m-card--link .m-card-readmore span,.t-card-accent-dark.t-accent-light a.m-card .m-card-readmore span,.t-card-accent-dark a.m-card .m-card-readmore span,a.m-card.t-accent-dark .m-card-readmore span {
    border-bottom-color: #fff;
    border-bottom-style: dotted;
    color: #fff
}

.m-card--link.t-accent-dark:hover .m-card-readmore span,.t-accent-dark .m-card--link:hover .m-card-readmore span,.t-accent-dark a.m-card:focus .m-card-readmore span,.t-accent-dark a.m-card:hover .m-card-readmore span,.t-card-accent-dark .m-card--link:hover .m-card-readmore span,.t-card-accent-dark a.m-card:focus .m-card-readmore span,.t-card-accent-dark a.m-card:hover .m-card-readmore span,.t-card-accent-light .m-card--link:hover.t-accent-dark .m-card-readmore span,.t-card-accent-light a.m-card:focus.t-accent-dark .m-card-readmore span,.t-card-accent-light a.m-card:hover.t-accent-dark .m-card-readmore span,a.m-card.t-accent-dark:focus .m-card-readmore span,a.m-card.t-accent-dark:hover .m-card-readmore span {
    border-bottom-color: #fff;
    border-bottom-style: solid
}

@media (min-width: 35em) and (max-width:60em) {
    .l-columns--2-medium>.m-card--two-thirds,.l-columns--3-medium>.m-card--two-thirds {
        display:flex;
        flex-direction: row;
        justify-content: center
    }

    .l-columns--2-medium>.m-card--double~.m-card,.l-columns--2-medium>.m-card--two-thirds~.m-card,.l-columns--3-medium>.m-card--double~.m-card,.l-columns--3-medium>.m-card--two-thirds~.m-card {
        clear: none
    }

    .l-columns--2-medium>.m-card--double,.l-columns--2-medium>.m-card--two-thirds,.l-columns--3-medium>.m-card--double,.l-columns--3-medium>.m-card--two-thirds {
        width: calc(100% - 1.25em)
    }

    .l-columns--4-medium>.m-card--double {
        width: calc(50% - 1.25em)
    }

    .l-columns--2-medium>.m-card--triple,.l-columns--3-medium>.m-card--triple {
        width: calc(66.67% - 1.25em)
    }

    .l-columns--2-medium>.m-card--one-third,.l-columns--3-medium>.m-card--one-third {
        width: calc(33.33% - 1.25em)
    }
}

@media (min-width: 60em) {
    .l-columns--4-large>.m-card--two-thirds {
        display:flex;
        flex-direction: row;
        justify-content: center
    }

    .l-columns--3-large>.m-card--double {
        width: calc(66.67% - 1.875em)
    }

    .l-columns--4-large>.m-card--double {
        width: calc(50% - 1.875em)
    }

    .l-columns--5-large>.m-card--double {
        width: calc(40% - 1.875em)
    }

    .l-columns--6-large>.m-card--double {
        width: calc(33.33% - 1.875em)
    }

    .l-columns--4-large>.m-card--triple {
        width: calc(75% - 1.875em)
    }

    .l-columns--4-large>.m-card--one-third {
        width: calc(33.33% - 1.875em)
    }
}

@media (min-width: 35em) {
    .m-card--two-thirds .m-card-content,.m-card--two-thirds .m-card-image {
        text-align:center;
        vertical-align: middle;
        width: 50%
    }
}

.m-card--image-left,.m-card--image-right {
    display: block;
    display: flex;
    flex-direction: column
}

.m-card--image-left .m-card-content,.m-card--image-left .m-card-image {
    float: left
}

.m-card--image-right .m-card-content,.m-card--image-right .m-card-image {
    float: right
}

.m-card--image-left img,.m-card--image-right img {
    flex: 1 1 100%
}

.m-card--33 .m-card-image--9x16 {
    display: none
}

@media (min-width: 35em) {
    .m-card--image-left,.m-card--image-right {
        display:flex;
        flex-direction: row
    }

    .m-card--image-right {
        flex-direction: row-reverse
    }

    .m-card--image-left .m-card-image--1x1 img,.m-card--image-left .m-card-image--9x16 img,.m-card--image-left .m-card-image--16x9 img,.m-card--image-right .m-card-image--1x1 img,.m-card--image-right .m-card-image--9x16 img,.m-card--image-right .m-card-image--16x9 img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .m-card--50 .m-card-image--1x1,.m-card--50 .m-card-image--16x9,.m-card--50 .m-card-image--doughnut {
        display: flex;
        flex-direction: column;
        width: calc(50% - .625em)
    }

    .m-card--33 .m-card-image--9x16 {
        display: flex;
        flex-direction: column;
        width: 33%
    }

    .m-card--50 .m-card-content {
        width: 50%;
        width: calc(50% + .625em)
    }

    .m-card--33 .m-card-content {
        width: 67%
    }

    .m-card-image--16x9.compat-object-fit:before {
        content: "";
        display: block;
        padding-top: 56.25%;
        width: 100%
    }

    .m-card-image--9x16.compat-object-fit {
        padding-top: 56.25%
    }

    .m-card-image--1x1.compat-object-fit {
        padding-top: 48.25%
    }

    .m-card-image.compat-object-fit {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .m-card-image.compat-object-fit img {
        display: none
    }
}

@media (min-width: 60em) {
    .m-card--50 .m-card-image--1x1,.m-card--50 .m-card-image--16x9,.m-card--50 .m-card-image--doughnut {
        width:calc(50% - .9375em)
    }

    .m-card--50 .m-card-content {
        padding-left: 1.875em;
        padding-right: 15%;
        width: calc(50% + .9375em)
    }

    .m-card--50 .m-card-content--centred {
        padding-right: 1.875em
    }

    .m-card--50 .m-card-image--1x1+.m-card-content,.m-card--50 .m-card-image--doughnut+.m-card-content {
        padding-left: 1.875em;
        padding-right: 1.875em
    }

    .l-columns--2-large>.m-card--50 .m-card-image--1x1+.m-card-content,.l-columns--2-large>.m-card--50 .m-card-image--doughnut+.m-card-content,.l-columns--3-large>.m-card--50 .m-card-image--1x1+.m-card-content,.l-columns--3-large>.m-card--50 .m-card-image--doughnut+.m-card-content,.l-columns--4-large>.m-card--50 .m-card-image--1x1+.m-card-content,.l-columns--4-large>.m-card--50 .m-card-image--doughnut+.m-card-content {
        padding-left: 1.25em;
        padding-right: 1.25em
    }

    .m-card--50 .m-card-image--1x1.compat-object-fit {
        padding-top: 47%
    }
}

.m-card--link {
    position: relative;
    z-index: 1;
}
.m-card .m-card-image, 
.m-card--link .m-card-image, 
.m-card--link .m-card-image picture {
    overflow: hidden;
}
.a-heading .m-card__link:visited {
    border-bottom-color: transparent;
    color: #5c596d;
}
.m-card__link, 
a.m-card {
    cursor: pointer;
}
.m-card__link:after {
    z-index: -1;
}
.m-card__link:after,
.m-card__link:before {
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.m-card--link .m-card-image img {
	vertical-align: top;
	text-decoration: none;
	opacity: 1;
	transition: opacity .5s;
}
.m-card--link:hover .m-card-image img,
.m-card--link:focus .m-card-image img {
	opacity: 0.7;
}