.article.item-image {
  /* different gradients */
}
.article.item-image.round-corners .image {
  border-radius: var(--imageBorderRadius, 15px);
}
.article.item-image.round-corners .image img {
  border-radius: inherit;
}
.article.item-image.zoom-on-hover .image {
  overflow: hidden;
}
.article.item-image.zoom-on-hover .image img {
  transition: scale 0.2s linear;
}
.article.item-image.zoom-on-hover .image img:hover {
  scale: 1.05;
}
.article.item-image .image-background-wrap {
  display: none;
}
.article.item-image .image-background.item-image {
  height: 150px;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 10%;
  position: relative;
}
.article.item-image .image-background.item-image > i {
  color: var(--defaultWhite);
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 20px;
}
.article.item-image .item-image-wrapper {
  position: relative;
}
.article.item-image .item-image-wrapper.text-align-middle, .article.item-image .item-image-wrapper.text-align-bottom {
  display: flex;
}
.article.item-image .item-image-wrapper.text-align-middle.text-location-2 .image, .article.item-image .item-image-wrapper.text-align-bottom.text-location-2 .image {
  order: 1;
}
.article.item-image .item-image-wrapper.text-align-middle {
  align-items: center;
}
.article.item-image .item-image-wrapper.text-align-bottom {
  align-items: end;
}
.article.item-image .item-image-wrapper > .image {
  position: relative;
}
.article.item-image .item-image-wrapper > .image > a {
  display: block;
}
.article.item-image .item-image-wrapper > .image img {
  vertical-align: bottom;
}
.article.item-image .item-image-wrapper > .image:not(.align-left):not(.align-center):not(.align-right) img {
  width: 100%;
}
.article.item-image .item-image-wrapper.align-left {
  text-align-last: left;
}
.article.item-image .item-image-wrapper.align-center {
  text-align: center;
}
.article.item-image .item-image-wrapper.align-right {
  text-align: right;
}
.article.item-image .item-image-wrapper.text-location-0 > .item-image-text {
  display: none;
}
.article.item-image .item-image-wrapper.text-location-1 > .image {
  position: relative;
  z-index: 3;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.article.item-image .item-image-wrapper.text-location-1 > .image > a {
  display: block;
}
.article.item-image .item-image-wrapper.text-location-1 > .item-image-text {
  display: block;
  position: absolute;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.5);
  color: var(--defaultWhite);
  left: 3%;
  max-width: 94%;
  bottom: 3%;
  padding: 20px;
  max-height: 94%;
  overflow: hidden;
}
.article.item-image .item-image-wrapper.text-location-2 > .image {
  float: right;
}
.article.item-image .item-image-wrapper.text-location-2 > .item-image-text {
  float: left;
  padding-right: 20px;
  padding-top: 0;
}
.article.item-image .item-image-wrapper.text-location-3 > .image {
  float: left;
}
.article.item-image .item-image-wrapper.text-location-3 > .item-image-text {
  float: left;
  padding-left: 20px;
  padding-top: 0;
}
.article.item-image .item-image-wrapper.text-location-4 > .item-image-text {
  padding-top: 20px;
}
.article.item-image.image-gradient-1 .item-image-wrapper > .image > .image-wrapper {
  mask-image: linear-gradient(0deg, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}
.article.item-image.image-gradient-2 .item-image-wrapper > .image > .image-wrapper {
  mask-image: linear-gradient(180deg, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}
.article.item-image.image-gradient-3 .item-image-wrapper > .image > .image-wrapper {
  mask-image: linear-gradient(270deg, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}
.article.item-image.image-gradient-4 .item-image-wrapper > .image > .image-wrapper {
  mask-image: linear-gradient(90deg, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
}
.article.item-image.image-gradient-5 .item-image-wrapper > .image > .image-wrapper {
  mask-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" preserveAspectRatio="none" xml:space="preserve"><style type="text/css">.st0{fill:url(%23SVGID_1_);}</style><radialGradient id="SVGID_1_" cx="200" cy="200" r="200" gradientUnits="userSpaceOnUse"><stop offset="0.6" style="stop-color:%23000000"/><stop offset="1" style="stop-color:%23000000;stop-opacity:0"/></radialGradient><rect class="st0" width="400" height="400"/></svg>');
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
}

/* Grade A */
/* Grade B */
/* Grade C */
/* Grade D */

/*# sourceMappingURL=image.css.map */