/* Malli: @include icon($facebook)*/
.image-card {
  text-decoration: none;
  background-color: #f2f2f2;
  border: 0rem solid #585858;
  border-radius: 0.25rem;
  box-shadow: none;
  min-height: 22.5rem !important;
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 3.125rem 2.5rem 3.125rem 2.5rem; }
@media screen and (max-width: 31.1875em) {
  .image-card {
    padding: 2.1875rem 1.5625rem; } }
@media screen and (max-width: 31.1875em) {
  .image-card {
    min-height: calc(22.5rem * 0.8) !important; } }
.image-card:hover, .image-card:active, .image-card:focus {
  text-decoration: none; }
  .image-card:hover .image-card-image-wrapper .image-card-image-container, .image-card:active .image-card-image-wrapper .image-card-image-container, .image-card:focus .image-card-image-wrapper .image-card-image-container {
    transform: scale(1.08);
    -webkit-filter: none;
    /* Safari 6.0 - 9.0 */
    filter: none; }
  .image-card:hover .image-card-image-overlay, .image-card:active .image-card-image-overlay, .image-card:focus .image-card-image-overlay {
    background-color: transparent; }
.image-card .image-card-image-wrapper {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem; }
  .image-card .image-card-image-wrapper .image-card-image-container {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: all 1.4s;
    -webkit-filter: none;
    /* Safari 6.0 - 9.0 */
    filter: none; }
.image-card .image-card-image-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.5s;
  border-radius: 0.25rem;
  background-color: rgba(0, 0, 0, 0.3); }
.image-card .image-card-content-wrapper {
  position: relative;
  width: 100%;
  max-width: initial; }
  .image-card .image-card-content-wrapper .image-card-meta {
    color: #ffffff;
    margin-bottom: 0.625rem;
    text-align: center; }
  .image-card .image-card-content-wrapper .image-card-title {
    margin-top: 0;
    margin-bottom: 1.875rem;
    color: #ffffff;
    text-align: center; }
    .image-card .image-card-content-wrapper .image-card-title:last-child {
      margin-bottom: 0; }
  .image-card .image-card-content-wrapper .image-card-ingress {
    margin-top: 0;
    margin-bottom: 3.75rem;
    max-height: calc(3em * 1.56);
    font-family: 'Assistant', Arial, Helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #ffffff;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0rem;
    text-transform: initial;
    text-align: center; }
    .image-card .image-card-content-wrapper .image-card-ingress:last-child {
      margin-bottom: 0; }
    .image-card .image-card-content-wrapper .image-card-ingress :first-child {
      margin-top: 0; }
    .image-card .image-card-content-wrapper .image-card-ingress :last-child {
      margin-bottom: 0; }
    .image-card .image-card-content-wrapper .image-card-ingress.editor-content {
      text-align: initial; }
      .image-card .image-card-content-wrapper .image-card-ingress.editor-content p, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h2, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h2, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h2-alt, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h3, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h3, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h3-alt, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h4, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h4, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h5, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h5, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h6, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h6, .image-card .image-card-content-wrapper .image-card-ingress.editor-content a, .image-card .image-card-content-wrapper .image-card-ingress.editor-content blockquote, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .content-ingress, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .ingress, .image-card .image-card-content-wrapper .image-card-ingress.editor-content li {
        color: #ffffff; }
        .image-card .image-card-content-wrapper .image-card-ingress.editor-content p:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h2:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h2:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h2-alt:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h3:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h3:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h3-alt:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h4:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h4:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h5:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h5:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h6:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h6:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content a:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content blockquote:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .content-ingress:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .ingress:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content li:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content p:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h2:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h2:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h2-alt:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h3:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h3:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h3-alt:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h4:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h4:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h5:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h5:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h6:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h6:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content a:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content blockquote:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .content-ingress:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .ingress:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content li:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content p:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h2:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h2:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h2-alt:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h3:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h3:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h3-alt:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h4:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h4:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h5:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h5:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content h6:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .h6:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content a:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content blockquote:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .content-ingress:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content .ingress:focus, .image-card .image-card-content-wrapper .image-card-ingress.editor-content li:focus {
          color: #ffffff; }
      .image-card .image-card-content-wrapper .image-card-ingress.editor-content a {
        text-decoration: underline; }
        .image-card .image-card-content-wrapper .image-card-ingress.editor-content a:hover, .image-card .image-card-content-wrapper .image-card-ingress.editor-content a:active, .image-card .image-card-content-wrapper .image-card-ingress.editor-content a:focus {
          text-decoration: underline; }
      .image-card .image-card-content-wrapper .image-card-ingress.editor-content li:before {
        color: #ffffff;
        border-color: #ffffff; }
    .image-card .image-card-content-wrapper .image-card-ingress.editor-content blockquote:before {
      background-color: #ffffff; }
  .image-card .image-card-content-wrapper .image-card-link {
    text-align: center; }
    .image-card .image-card-content-wrapper .image-card-link .image-card-link-button {
      margin: 0; }
    .image-card .image-card-content-wrapper .image-card-link .image-card-link-text {
      font-family: 'Assistant', Arial, Helvetica, sans-serif;
      font-size: 1rem;
      line-height: 1.5;
      color: #ffffff;
      font-weight: 400;
      font-style: normal;
      letter-spacing: 0rem;
      text-transform: initial; }
    @media screen and (max-width: 63.9375em) {
      .image-card .image-card-content-wrapper .image-card-link .image-card-link-text {
        font-size: calc(1rem* 0.95);
        letter-spacing: calc(0rem* 0.95); } }
  @media screen and (max-width: 31.1875em) {
    .image-card .image-card-content-wrapper .image-card-link .image-card-link-text {
      font-size: calc(1rem* 0.9);
      letter-spacing: calc(0rem* 0.9); } }

.image-cards-carousel-wrapper {
  margin-bottom: -0.9375rem;
  width: calc(100% + 1.875rem);
  position: relative;
  left: -0.9375rem;
  margin-top: -0.9375rem; }
  .image-cards-carousel-wrapper .image-card {
    margin: 0.9375rem; }
  .image-cards-carousel-wrapper.dots-on {
    margin-bottom: 2.5rem; }
  @media screen and (max-width: 87.5em) {
    .image-cards-carousel-wrapper {
      margin-bottom: 2.5rem; } }
@media screen and (max-width: 31.1875em) {
  .image-cards-carousel-wrapper {
    margin-bottom: calc(2.5rem * 0.7); } }