.card-header {
  padding: rem-calc(20) rem-calc(20);
  .card-title {
    & + .card-subhead {
      margin-top: rem-calc(5);
    }
  }
  .card-header-switcher {
    display: flex;
    align-items: center;
    .onoffswitch {
      margin-right: rem-calc(10);
    }
    & + .card-subhead {
      margin-top: rem-calc(5);
    }
  }
}
.card-content {
  padding: 0 rem-calc(20);
  .card-box {
    padding: rem-calc(20) 0;
    border-bottom: 1px solid $color-athens-gray;
    &:last-child {
      border-bottom: 0;
    }
    h4 {
      @extend %paragraph-14;
      letter-spacing: rem-calc(0.23);
      line-height: rem-calc(20);
    }
    &.borderless {
      border-bottom: 0;
    }
  }
}

.card-form {
  .card-header {
    padding-bottom: rem-calc(10);
  }
}

.card-item {
  text-align: center;
  padding-bottom: rem-calc(10);
  &.card-item-inactive {
    figure, h4, p {
      opacity: 0.5;
    }
    .card-item-terms {
      opacity: 1;
    }
  }
  figure {
    padding: rem-calc(45) 0 rem-calc(25);
  }
  img {
    max-height: rem-calc(24);
  }
  h4 {
    margin-bottom: rem-calc(14);
  }
  p {
    @extend %paragraph-12;
    color: $color-pale-sky;
    line-height: 1.5;
    letter-spacing: rem-calc(0.2);
    margin-bottom: rem-calc(20);
    &.card-item-success {
      padding: rem-calc(5);
      color: $color-green-haze;
      margin-bottom: 0;
    }
  }
  .card-item-terms {
    @extend %paragraph-13;
    font-weight: 600;
    color: $color-outer-space;
    line-height: 1.38;
    letter-spacing: rem-calc(0.2);
    i {
      color: $color-gray-chateau;
      font-size: rem-calc(18);
      vertical-align: middle;
    }
  }

}