/* Multi-Column Teaser Styling */

/* Two Columns */
@media (min-width: 768px) {
  .multi-column-teaser__container .multi-column-type__two_columns .multi-column-panel__container {
    width: 50%;
    min-width: 50%;
    margin: 0;
    float: left;
    display: block;
    min-height: 300px;
  }
}

/* Three Columns */
@media (min-width: 768px) {
  .multi-column-teaser__container .multi-column-type__three_columns .multi-column-panel__container {
    width: 33.333%;
    margin: 0;
    float: left;
    min-height: 280px;
  }
}

/* Three Columns with Gutter */
@media (min-width: 768px) {
  .multi-column-teaser__container .multi-column-type__three_columns_gutter .multi-column-panel__container {
    width: 32.20339%;
    float: left;
    margin-right: 1.69492%;
    min-height: 250px;
  }

  .multi-column-teaser__container .multi-column-type__three_columns_gutter > div:last-child .multi-column-panel__container {
    width: 32.20339%;
    float: right;
    margin-right: 0;
  }

  .slick-list .multi-column-teaser__container .multi-column-type__three_columns_gutter .multi-column-panel__container {
    width: auto;
    float: none;
    margin-right: 0;
    min-height: 250px;
  }

  .slick-list .multi-column-teaser__container .multi-column-type__three_columns_gutter > div:last-child .multi-column-panel__container {
    width: auto;
    float: none;
  }
}

.multi-column-panel__container {
  display: block;
  position: relative;
}

/* Make text container position on top of the image */
.multi-column-panel__inner-container {
  position: absolute;
}