/**
 * @file
 * Default styles for legalwise forms. Includes some default styles for
 * product entities.
 *
 * @TODO: Separate product and bundle libraries for simplicity, if this gets
 * out of hand
 */

/**
 * Application form
 */
#edit-membership-option.radio {
  display: flex;
  justify-content: space-between;
}
#edit-membership-option .form-item-membership-option {
  flex: 1 1 30%;
}

/**
 * Products: Membership plans
 */
.product--memberplan.is-featured:before {
  content: "Popular";
  position: absolute;
  margin: -16px 0 0 16px;
}
.product--memberplan {
  position: relative;
  background: var(--rw-white-color, #fff);
  padding: calc(var(--rw-gutter, 32px) / 2);
  text-align: center;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  justify-content: space-between;
  z-index: 0;
}
.product--view-mode--summary .content {
  margin: 0 0 var(--rw-gutter, 32px) 0;
}
.product--view-mode--summary .button--cta {
}
.product--view-mode--form:hover {
  cursor: pointer;
}
.memberplan--feature-list li {
  line-height: 2em;
  border-bottom: 1px solid var(--lw-gray-md, #bebebe);
}
.memberplan--feature-list .is-highlighted {
  font-weight: bold;
}
.memberplan--feature-list--list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.memberplan--feature-list--list li {
  width: auto;
}

.form-check-input:checked + label .product--view-mode--form {
  background: #fff;
  color: #464646;
  border: none !important;
  box-shadow: none !important;
}