.blog-content .cell {position: relative;}
/* Make the anchor fill the entire cell's height and width */
.blog-content .cell a.link {
  display: flex;           /* so inner content can align nicely */
  flex: 1 1 auto;          /* take all available space */
  width: 100%;
  height: 100%;            /* fill parent */
  text-decoration: none;   /* optional */
}

/* Optional: style the inner content wrapper for padding */
.blog-content .cell a.link > .entry {
  flex: 1 1 auto;
  padding: 10% 10% 20%;
  display: block;           /* lets you vertically center content if desired */
  align-items: center;
}

.blog-content .cell .color-overlay, .blog-content .cell .blog-image {position: absolute; top:0; bottom: 0; left: 0; right:0; z-index: 1;}
.blog-content .cell .color-overlay {background:rgba(0, 8, 71, 0.7); z-index: 2;transition:all 0.2s ease-in-out;}
.blog-content .cell a.link {position: relative; z-index: 3; text-align: left;}
.blog-content .cell a.link > .entry h3 {color:#fff; margin:3% auto 20%; font-weight: 600; letter-spacing: 0.025rem; line-height: 1.15; text-align: left; transition:all 0.2s ease-in-out; border-bottom: 0; display: block;}
.blog-content .cell:hover a.link > .entry h3 {color:#0fc;}

.blog-content .cell a.link > .entry .learn-more {display: inline-block;
    margin:0 auto 3%; border-bottom: 0; color:#fff; opacity:0;transition:all 0.2s ease-in-out;text-transform: uppercase; letter-spacing: 0.025rem; font-weight: 600;}
.blog-content .cell a.link > .entry .learn-more .right-arrow {
        transition: 0.35s;
        opacity: 0;
        background-image: url(img/right-arrow.svg);
        background-repeat: no-repeat;
        padding: 0.35rem 0.5rem;
        margin-left: 0rem;
        display: inline-block;
    }
.blog-content .cell:hover a.link > .entry .learn-more {opacity:1;color:#0fc !important; border-bottom: solid 1px #0fc;}
.blog-content .cell:hover a.link > .entry .learn-more .right-arrow {margin-left: 1rem; opacity: 1;background-image: url(img/right-arrow-hover.svg);}
.blog-content .cell:hover .color-overlay {background:rgba(0, 8, 71, 0.95);}
.blog-content .cell a.link > .entry .blog-label {color:#000847;background:#fff; text-transform: uppercase; font-weight: 800; font-size: 80%; letter-spacing: 0.025rem;
  border-radius: 3px;transition:all 0.2s ease-in-out;
  padding: 3px 10px; margin:5px 0 3%; display: inline-block;
}
.blog-content .cell:hover a.link > .entry .blog-label {background:#0fc;}

@media screen and (max-width: 39.9375em) {
.three-column-focus-content .entry {padding: 5%;}
.three-column-focus-content .image-box {width: 15%;margin: 0 auto 2%;}
.three-column-focus-content .button {margin: 2% auto 0;}
.blog-content .cell a.link > .entry {padding: 5% 5% 5%;}
.blog-content .cell a.link > .entry h3 {margin: 3% auto 10%; font-size: 135%;}
.blog-content .cell a.link > .entry .blog-label {margin-bottom: 0;}
}