/* 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: 250px;
  }
}

/* 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: 250px;
  }
}

/* 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: 0;
    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.7%;
    min-height: 250px;
  }
}

/* Four Columns */
@media (min-width: 768px) {
  .multi-column-teaser__container .multi-column-type__four_columns .multi-column-panel__container {
    width: 25%;
    margin: 0;
    float: left;
    min-height: 250px;
  }
}

/* Five Columns */
@media (min-width: 768px) {
  .multi-column-teaser__container .multi-column-type__five_columns .multi-column-panel__container {
    width: 20%;
    margin: 0;
    float: left;
    min-height: 250px;
  }

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

  .multi-column-type__five_columns .slick-list .multi-column-panel__container .field--name-field-bayph-radlgy-bg-img img {
    margin: 0 auto;
  }
}

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

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