/*------------------------------------------------------------------*/
/*                      Become a member table                       */
/*------------------------------------------------------------------*/

.become-a-member-table col:not(:last-child) {
  border-right: var(--color-white) 1px solid;
}

.become-a-member-table th,
.become-a-member-table td {
  text-align: center;
}

.become-a-member-table th:first-child,
.become-a-member-table td:first-child {
  text-align: left;
  padding-left: 1rem;
}

.become-a-member-table .title-row th {
  background-color: var(--color-mint);
  color: var(--color-white);
  font-weight: bold;
}

.become-a-member-table .title-row th:first-child {
  font-weight: normal;
}

.become-a-member-table .title-row th:first-child {
  background-color: var(--color-purple);
}

.become-a-member-table .title-row th:nth-child(2) {
  background-color: var(--color-orange);
}

.become-a-member-table .costs-row th {
  background-color: var(--color-mint-light);
  color: var(--color-text);
}

.become-a-member-table .costs-row th:nth-child(2) {
  background-color: var(--color-orange-light);
  font-weight: bold;
}

.become-a-member-table td:nth-child(2) {
  background-color: var(--color-orange-lightest);
}

.become-a-member-table td svg {
  color: var(--color-gray);
}

.become-a-member-table td svg.fa-check-circle {
  color: var(--color-mint);
}

.become-a-member-table td:nth-child(2) svg.fa-check-circle {
  color: var(--color-orange);
}

.become-a-member-table .help-toggle {
  background: 0;
  border: none;
  padding: 0;
  margin: 0;
}

.become-a-member-table .help-card {
  border-radius: var(--border-radius);
}

.become-a-member-table i.fa-question {
  color: var(--color-gray-dark);
  font-size: smaller;
  position: relative;
  bottom: 0.5em;
  cursor: pointer;
}