/**
 * This is compiled CSS file - you probably want to edit the .scss file
 * and recompile this.
 */
 .mha-image-link-grid {align-items: flex-end;display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0;}.mha-image-link-wrapper {display: inline-block;margin-bottom: 15px;width: 100%;}.mha-image-link-grid-columns-xs-1 .mha-image-link-wrapper {width: 100%;}.mha-image-link-grid-columns-xs-2 .mha-image-link-wrapper {width: 49%;}.mha-image-link-grid-columns-xs-3 .mha-image-link-wrapper {width: 32%;}.mha-image-link-grid-columns-xs-4 .mha-image-link-wrapper {width: 23%;}@media screen and (min-width: 768px) {.mha-image-link-grid-columns-sm-1 .mha-image-link-wrapper {width: 100%;}.mha-image-link-grid-columns-sm-2 .mha-image-link-wrapper {width: 49%;}.mha-image-link-grid-columns-sm-3 .mha-image-link-wrapper {width: 32%;}.mha-image-link-grid-columns-sm-4 .mha-image-link-wrapper {width: 23%;}}@media screen and (min-width: 992px) {.mha-image-link-grid-columns-md-1 .mha-image-link-wrapper {width: 100%;}.mha-image-link-grid-columns-md-2 .mha-image-link-wrapper {width: 49%;}.mha-image-link-grid-columns-md-3 .mha-image-link-wrapper {width: 32%;}.mha-image-link-grid-columns-md-4 .mha-image-link-wrapper {width: 23%;}}@media screen and (min-width: 1200px) {.mha-image-link-grid-columns-lg-1 .mha-image-link-wrapper {width: 100%;}.mha-image-link-grid-columns-lg-2 .mha-image-link-wrapper {width: 49%;}.mha-image-link-grid-columns-lg-3 .mha-image-link-wrapper {width: 32%;}.mha-image-link-grid-columns-lg-4 .mha-image-link-wrapper {width: 23%;}}.mha-image-link {display: inline-block;font-size: 14px;height: 100%;position: relative;width: 100%;}.mha-image-link a:link, .mha-image-link a:hover, .mha-image-link a:active, .mha-image-link a:visited {color: inherit;font-size: inherit;text-decoration: inherit;}.mha-image-link p {margin-bottom: 0;}.mha-image-link:before {content: '';display: block;margin-top: 100%;}.mha-image-link .image-link-image {background-size: cover;bottom: 0;left: 0;position: absolute;right: 0;top: 0;}.mha-image-link .caption {bottom: 0;display: flex;flex-direction: column;height: 100%;justify-content: center;line-height: 1;position: absolute;text-align: center;width: 100%;color: #FFFFFF;text-shadow: #000000 0 0 3px;text-transform: uppercase;font-weight: bold;transition: background-color .5s;}.mha-image-link .caption .text {font-size: 20px;margin: 0;padding: 7.5px;background-color: rgba(0, 0, 0, 0.5);transition: background-color .5s;}@media screen and (min-width: 375px) {.mha-image-link .caption .text {font-size: 22px;}}@media screen and (min-width: 768px) {.mha-image-link .caption .text {padding: 15px;font-size: 32px;}}@media screen and (min-width: 1200px) {.mha-image-link .caption .text {font-size: 40px;}}.mha-image-link .caption .subtext {margin: 0;text-transform: uppercase;position: absolute;bottom: 0;width: 100%;text-align: center;padding: 7.5px;font-size: 10px;}@media screen and (min-width: 375px) {.mha-image-link .caption .subtext {font-size: 13px;}}@media screen and (min-width: 768px) {.mha-image-link .caption .subtext {padding: 15px;font-size: 20px;}}.mha-image-link:hover .text {background-color: transparent;}.mha-image-link:hover .caption {background-color: rgba(0, 0, 0, 0.5);}.mha-image-link.full .text {background-color: transparent;}.mha-image-link.full .caption {background-color: rgba(0, 0, 0, 0.5);height: 100%;margin: 0;top: 0;width: 100%;}