/* --------------------------------------------
/* Shim styles to integrate V4 blocks into the About Us (V3) page.
/* -------------------------------------------- */

/* --------------------------------------------
/* Feature Card
/* -------------------------------------------- */

.oc__page__about-us.oc__block__two-column-layout
.oc__block.oc__block__feature-card {
  transition: padding 0.25s;
}

/* Pad content to clear wave. */
.oc__page__about-us.oc__block__two-column-layout.oc__post-view
.oc__block.oc__block__feature-card {
  padding-bottom: 100px;
}

/* Move media credit to clear wave. */
.oc__page__about-us.oc__block__two-column-layout
.oc__block.oc__block__feature-card
.oc__block__feature-card__credit
.oc__block__media-credit {
  transition: bottom 0.2s;
}

/* Move media credit to clear wave. */
.oc__page__about-us.oc__block__two-column-layout.oc__post-view
.oc__block.oc__block__feature-card
.oc__block__media-credit {
  @media (min-width: 960px) {
    bottom: 60px;
  }
}

/* Override non-V4 page styling. */
.oc__page__about-us
.oc__block.oc__block__feature-card
.oc__block__feature-card__content__actions__button:hover {
  text-decoration: none;
}

/* Override non-V4 page styling. */
.oc__page__about-us
.oc__block.oc__block__feature-card
.oc__block__feature-card__content__chip:hover {
  text-decoration: none;
}

/* --------------------------------------------
/* Posts Scroller
/* -------------------------------------------- */

/* Add padding to clear wave. */
.oc__page__about-us
.oc__block.oc__block__posts-scroller {
  padding-bottom: 100px;
}