/* ==========================================================================
   Health Conditions Flip Card Height Fix
   Prevents card backs from clipping, especially Cardiovascular and Mental/Emotional.
   Scoped only to health-conditions.html.
   ========================================================================== */

/* Give all flip cards enough room for the back-side details. */
.condition-card,
.condition-card-inner,
.condition-card-face {
  min-height: 430px !important;
}

.condition-card-face {
  padding: 34px 36px !important;
  overflow: hidden !important;
}

.condition-card h3 {
  line-height: 1.04 !important;
}

.condition-card p {
  line-height: 1.58 !important;
}

.condition-card-list {
  gap: 10px !important;
  margin-top: 18px !important;
}

.condition-card-list li {
  font-size: 14px !important;
  line-height: 1.45 !important;
}

/* These two have the longest copy, so they get extra space. */
.condition-flip-grid .condition-card:nth-child(1),
.condition-flip-grid .condition-card:nth-child(5) {
  min-height: 485px !important;
}

.condition-flip-grid .condition-card:nth-child(1) .condition-card-inner,
.condition-flip-grid .condition-card:nth-child(1) .condition-card-face,
.condition-flip-grid .condition-card:nth-child(5) .condition-card-inner,
.condition-flip-grid .condition-card:nth-child(5) .condition-card-face {
  min-height: 485px !important;
}

/* Keep the flip action from colliding with the list text. */
.condition-card-action {
  margin-top: 26px !important;
  padding-top: 4px !important;
}

@media (max-width: 1050px) {
  .condition-card,
  .condition-card-inner,
  .condition-card-face {
    min-height: 440px !important;
  }

  .condition-flip-grid .condition-card:nth-child(1),
  .condition-flip-grid .condition-card:nth-child(5),
  .condition-flip-grid .condition-card:nth-child(1) .condition-card-inner,
  .condition-flip-grid .condition-card:nth-child(1) .condition-card-face,
  .condition-flip-grid .condition-card:nth-child(5) .condition-card-inner,
  .condition-flip-grid .condition-card:nth-child(5) .condition-card-face {
    min-height: 500px !important;
  }
}

@media (max-width: 720px) {
  .condition-card,
  .condition-card-inner,
  .condition-card-face,
  .condition-flip-grid .condition-card:nth-child(1),
  .condition-flip-grid .condition-card:nth-child(5),
  .condition-flip-grid .condition-card:nth-child(1) .condition-card-inner,
  .condition-flip-grid .condition-card:nth-child(1) .condition-card-face,
  .condition-flip-grid .condition-card:nth-child(5) .condition-card-inner,
  .condition-flip-grid .condition-card:nth-child(5) .condition-card-face {
    min-height: 460px !important;
  }

  .condition-card-face {
    padding: 28px !important;
  }
}