﻿/* Malli: @include icon($facebook)*/
.image-container {
  max-width: 100%;
  position: relative;
}
.image-container a {
  display: block;
  height: 100%;
}
.image-container .image {
  display: inline-block;
  max-width: 100%;
}
.image-container .image svg {
  width: 100%;
}
.image-container .no-image {
  background-color: #5491a3;
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}
.image-container .no-image .image-placeholder {
  position: absolute;
  top: 0;
  left: 0;
}
.image-container.width-set.height-set .image {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}
.image-container.width-set.height-set .image img, .image-container.width-set.height-set .image svg {
  display: block;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
.image-container.shape-round .image {
  border-radius: 50%;
  overflow: hidden;
}
.image-container.shape-round .image img, .image-container.shape-round .image svg {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.image-container img {
  object-fit: contain;
}
.image-container.align-left {
  text-align: left;
  margin: 0 auto 0 0;
}
@media print, screen and (min-width: 48em) {
  .image-container.align-left img {
    object-position: left;
  }
}
.image-container.align-center {
  text-align: center;
  margin: 0 auto;
}
.image-container.align-center img {
  object-position: center;
}
.image-container.align-right {
  text-align: right;
  margin: 0 0 0 auto;
}
@media print, screen and (min-width: 48em) {
  .image-container.align-right img {
    object-position: right;
  }
}
@media print, screen and (max-width: 63.99875em) {
  .image-container.mobile-align-left {
    text-align: left;
    margin: 0 auto 0 0;
  }
  .image-container.mobile-align-left img {
    object-position: left;
  }
  .image-container.mobile-align-center {
    text-align: center;
    margin: 0 auto;
  }
  .image-container.mobile-align-center img {
    object-position: center;
  }
  .image-container.mobile-align-right {
    text-align: right;
    margin: 0 0 0 auto;
  }
  .image-container.mobile-align-right img {
    object-position: right;
  }
}
.image-container .image-caption {
  margin-top: 0.5rem;
  font-size: calc(0.9375rem * 0.8);
  line-height: calc(1.7 * 0.8);
  opacity: 0.8;
}
@media print, screen and (max-width: 31.24875em) {
  .module-image:not(.module-width-full-area) .image-container.mobile-full-width, .module-image.module-full-width-side-margins .image-container.mobile-full-width, .child-module-image .image-container.mobile-full-width {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem;
    max-width: initial;
  }
}
