/**
 * Contains functions and mixins for breakpoints.
 */
/**
 * Map manipulation functions.
 */
div.image-card {
  background: var(--color-white);
  --color-text-header: var(--color-navy); }
  div.image-card a {
    text-decoration: none; }
  div.image-card .image-card-image {
    --card-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
    background-image: var(--card-image), var(--vignette-translucent-card), linear-gradient(120deg, var(--gradient-start) 0%, var(--gradient-end) 100%);
    background-repeat: no-repeat;
    background-position: center center, right bottom, left top;
    background-size: cover; }
    div.image-card .image-card-image:before {
      content: '';
      width: 1px;
      margin-left: -1px;
      float: left;
      height: 0;
      padding-top: 50%; }
      @media (min-width: 62rem) {
        div.image-card .image-card-image:before {
          padding-top: 59.523%; } }
    div.image-card .image-card-image:after {
      content: "";
      display: table;
      clear: both; }
  div.image-card .image-card-meta {
    color: var(--color-gray-2); }
  div.image-card .image-card-title a {
    color: var(--color-navy);
    text-decoration: none; }
  div.image-card .image-card-details {
    padding: var(--space-m);
    color: var(--color-black);
    height: 14rem; }
  div.image-card img {
    width: 100%; }