/*******************************
         Card Overrides
*******************************/

/**
 * Treat card following an invisible item the same as first child.
 */
.invisible + .ui.card {
  margin-top: 0;
}

/**
 * Stackable cards after header on small screens.
 */
 @media only screen and (max-width : @largestMobileScreen) {
  .ui.header + .ui.stackable.cards {
    margin-top: @consecutiveGroupDistance;
  }
}

/**
 * Hide overflow.
 */
.ui.card {
  .content,
  .ui.button {
    overflow: hidden;
  }
}

/**
 * Nested images in cards should also have border radius.
 */
.ui.card > .image {
  & > a,
  & > a > img {
    border-radius: inherit;
  }
}

/**
 * Dimmers in cards should also have border radius.
 */
.ui.card {
  .dimmer {
    border-radius: @borderRadius;
  }
}

/**
 * Unstackable cards.
 */
.ui.unstackable.cards {
  flex-wrap: nowrap;
}

/**
 * For post cards composite, makes card heights the same.
 */
.ui.cleared.cards:after {
  content: none;
}