.image img {
  max-width: 100%;
  height: auto;
}

.image a {
  display: inline-block;
  max-width: 100%;
}

.image .image-caption {
  display: block;
  font-style: italic;
  font-size: 11px;
  color: #747474;
}

.image-default-size img {
  max-width: none;
  width: auto !important;
}

.image-full-size img {
  width: 100% !important;
  height: auto !important;
}

.image-left .component-content > div > img {
  float: left;
}

.image-right .component-content > div > img {
  float: right;
}

/* Custom Styling */
.image-with-caption, .clickable-image-with-caption, .clickable-image-with-header-caption {
  padding-top:30px;
  padding-bottom: 30px;
}
/* Image with Caption Basic */
.image-with-caption div a, .clickable-image-with-caption div a, .clickable-image-with-header-caption div a {
  margin: 0;
  float: left;
}
.image-with-caption div span.image-caption, .clickable-image-with-caption div span.image-caption, .clickable-image-with-header-caption div div.image-captions {
  display: inline-block;
  vertical-align: top;
  margin-left: 3%;
}
.image-with-caption div span.image-caption a, .clickable-image-with-caption div span.image-caption a, 
.clickable-image-with-header-caption div div.image-captions span {
  width: 100%;
}
.image-with-caption div span a, .clickable-image-with-caption div span a, .clickable-image-with-header-caption div div.image-captions {
  font-size: 16px;
  font-style: normal;
  line-height: 20px;
  color: #000000;
}
.image-with-caption div span a:hover, .clickable-image-with-caption div span a:hover, .clickable-image-with-header-caption div div.image-captions span a:hover {
  color: #c80f2e;
}
  /* Image with Caption - Image width */
  .image-with-caption.image-width-70 div a, .clickable-image-with-caption.image-width-70 div a, .clickable-image-with-header-caption.image-width-70 div a {
    width: 70%;
  }
    .image-with-caption.image-width-70 div span.image-caption, .clickable-image-with-caption.image-width-70 div span.image-caption, 
    .clickable-image-with-header-caption.image-width-70 div div {
      width: 27%;
    }
  .image-with-caption.image-width-50 div a, .clickable-image-with-caption.image-width-50 div a, .clickable-image-with-header-caption.image-width-50 div a {
    width: 50%;
  }
    .image-with-caption.image-width-50 div span.image-caption, .clickable-image-with-caption.image-width-50 div span.image-caption,
    .clickable-image-with-header-caption.image-width-50 div div {
      width: 47%;
    }
  .image-with-caption.image-width-30 div a, .clickable-image-with-caption.image-width-30 div a, .clickable-image-with-header-caption.image-width-30 div a {
    width: 30%;
  }
    .image-with-caption.image-width-30 div span.image-caption, .clickable-image-with-caption.image-width-30 div span.image-caption,
    .clickable-image-with-header-caption.image-width-30 div div {
      width: 67%;
    }
  .image-with-caption.image-width-20 div a, .clickable-image-with-caption.image-width-20 div a, .clickable-image-with-header-caption.image-width-20 div a {
    width: 20%;
  }
    .image-with-caption.image-width-20 div span.image-caption, .clickable-image-with-caption.image-width-20 div span.image-caption,
    .clickable-image-with-header-caption.image-width-20 div div {
      width: 77%;
    }
/* Clickable Image */

/* Clickable Image with Title */
.clickable-image-with-header-caption div div span {
  display: block;
}
.clickable-image-with-header-caption div div span.imageCaption1 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  font-style: normal;
}
.clickable-image-with-header-caption div div span.imageCaption2 {
  font-size: 16px;
  font-style: normal;
}

/* SXA Image Updates */
.text-full-width-image-xl {
  font-size: inherit;
}
.text-full-width-image-mid {
  font-size: inherit;
}