.related-content .cards{margin-top:2em}.related-content .button.hidden{visibility:hidden}.card{padding-bottom:24px;position:relative;height:100%}.card__inner{-webkit-box-shadow:0 0 5px rgba(32,34,67,0.2);box-shadow:0 0 5px rgba(32,34,67,0.2);display:block;height:100%;overflow:hidden;position:relative;text-decoration:none;-webkit-transition:-webkit-box-shadow ease-in-out 0.3s;transition:-webkit-box-shadow ease-in-out 0.3s;transition:box-shadow ease-in-out 0.3s;transition:box-shadow ease-in-out 0.3s, -webkit-box-shadow ease-in-out 0.3s;width:100%}.card__background{height:100%;position:relative;width:100%}.card__background-stretch{padding-top:100%;width:100%}.card__image{bottom:0;position:absolute;left:0;top:0;right:0}.card__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card__label-wrapper{left:20px;position:absolute;top:20px;z-index:20}.card__label{background-color:#172250;color:#fff;display:inline-block;font-size:10px;font-weight:800;margin-bottom:0.8em;padding:0.7em 1.2em 0.5em;text-transform:uppercase;line-height:1;vertical-align:middle}.card__icon{background-color:#172250;border-radius:100%;color:#fff;display:inline-block;-webkit-transition:opacity ease-in-out 0.35s, -webkit-transform ease-in-out 0.2s;transition:opacity ease-in-out 0.35s, -webkit-transform ease-in-out 0.2s;transition:opacity ease-in-out 0.35s, transform ease-in-out 0.2s;transition:opacity ease-in-out 0.35s, transform ease-in-out 0.2s, -webkit-transform ease-in-out 0.2s;width:auto}.card__icon svg{height:25px;margin:16px;width:25px}.card__title{font-family:inherit;font-weight:400;font-size:1.05rem}.card__content{background:#fff;color:#000000;-webkit-transition:opacity ease-in-out 0.3s;transition:opacity ease-in-out 0.3s;bottom:0;position:absolute;left:0;right:0;padding:20px}.card__content-icon{border:1px solid #162250;border-radius:50%;display:inline-block;height:30px;text-align:center;margin:2px 0;width:30px}.card__content-icon svg{height:18px;width:18px}.card__content--shadow{padding-bottom:10px;z-index:1}.card__content--shadow::before{position:absolute;top:10px;bottom:0;left:0;right:0;content:'';-webkit-box-shadow:0 0 20px 20px rgba(0,0,0,0.35);box-shadow:0 0 20px 20px rgba(0,0,0,0.35);background:rgba(0,0,0,0.35);z-index:-1}.card__content--transparent{background:none;color:#fff}.card__content--story{font-family:Aleo, "Courier New", serif}.card__content--story .card__title{font-size:1.33rem}.card__excerpt{font-size:14px}@media (min-width: 1200px){.card__excerpt{font-size:16px}}.card--text .card__title{font-weight:600}.card__hover{-ms-flex-line-pack:end;align-content:end;-webkit-box-align:end;-ms-flex-align:end;align-items:end;background:rgba(4,125,209,0.8);bottom:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;left:0;opacity:0;padding:120px 20px 20px;position:absolute;right:0;top:-200px;-webkit-transform:translateY(25%);transform:translateY(25%);-webkit-transition:opacity ease-in-out 0.35s, top ease-in-out 0.35s, -webkit-transform ease-in-out 0.35s;transition:opacity ease-in-out 0.35s, top ease-in-out 0.35s, -webkit-transform ease-in-out 0.35s;transition:opacity ease-in-out 0.35s, top ease-in-out 0.35s, transform ease-in-out 0.35s;transition:opacity ease-in-out 0.35s, top ease-in-out 0.35s, transform ease-in-out 0.35s, -webkit-transform ease-in-out 0.35s;pointer-events:none;z-index:10}.card:hover .card__inner{text-decoration:none}@media (pointer: fine), (min-width: 1200px){.card:hover .card__inner{-webkit-box-shadow:0 0 7px rgba(32,34,67,0.25);box-shadow:0 0 7px rgba(32,34,67,0.25)}.card:hover .card__hover{opacity:1;top:0;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity ease-in-out 0.35s 0.15s, top ease-in-out 0.35s, -webkit-transform ease-in-out 0.35s 0s;transition:opacity ease-in-out 0.35s 0.15s, top ease-in-out 0.35s, -webkit-transform ease-in-out 0.35s 0s;transition:opacity ease-in-out 0.35s 0.15s, top ease-in-out 0.35s, transform ease-in-out 0.35s 0s;transition:opacity ease-in-out 0.35s 0.15s, top ease-in-out 0.35s, transform ease-in-out 0.35s 0s, -webkit-transform ease-in-out 0.35s 0s}}@media (pointer: fine), (min-width: 1200px){.card--with-intro:hover .card__icon{opacity:0;-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:opacity ease-in-out 0.35s 0s, -webkit-transform ease-in-out 0.35s 0.10s;transition:opacity ease-in-out 0.35s 0s, -webkit-transform ease-in-out 0.35s 0.10s;transition:opacity ease-in-out 0.35s 0s, transform ease-in-out 0.35s 0.10s;transition:opacity ease-in-out 0.35s 0s, transform ease-in-out 0.35s 0.10s, -webkit-transform ease-in-out 0.35s 0.10s}.card--with-intro:hover .card__content{opacity:0}}
