/* @clickable-cards */

.clickable-cards {
  @include poly-padding-x;
  @include poly-padding-y--large;
  background-color: $white;

  &.has-dark-background {
    @include themify($themes) {
      background-color: themed('highlightColor') !important;
    }

    .clickable-cards__heading,
    .clickable-cards__intro,
    .clickable-cards__footnote{
      color: $white;

      >h2,
      >h3,
      >h4,
      >p,
      >ul li {
        color: $white;
      }
    }
  }

  .clickable-cards__heading,
  .clickable-cards__intro,
  .clickable-cards__footnote{
    color: black;

    >h2,
    >h3,
    >h4,
    >p,
    >ul li {
      color: black;
    }
  }

  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    .card-collection__inner:not(.card-collection__inner--solo) {
      > a {
        display: block;
      }
    }
  }

  .card-collection__inner--solo {
    .icon-card__image {
      flex: 1 !important;
    }
  }

  

  &__text-wrap, {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    margin-bottom: $large-spacing;

    .theme-corporate & {
      color: $white;
    }
  }

  &__footnote {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    @include poly-padding-x;
    padding-top: $base-spacing;
  }

  // &__heading {
  //   .theme-corporate & {
  //     color: white;
  //   }
  // }

  &.thumbnail-border {
    padding: 1rem 1rem 0 1rem;
  }

  &__image {
    &.thumbnail-image {
      margin: 0 auto;
      text-align: center;
      img.content-card__thumbnail {
        height: 220px;
        width: auto;
        margin: 0 auto;
      }
    }
  }
}

.theme-dysport {
  .clickable-cards {
    &__footnote,
    &__heading,
    &__intro {
      color: white;
    }
  }
}