.card {
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  text-align: left;
}
.card fieldset:disabled {
  display: none;
}
.card p {
  line-height: 1.4;
  margin: 0;
}
.card .card-header {
  background-color: var(--faint-gray-shade-3);
  border-bottom: 1px solid var(--faint-gray-shade-10);
}
.card .card-header svg {
  margin: -0.25em 0.5em 0 0;
  vertical-align: middle;
}
.card .card-body {
  background-color: var(--faint-gray);
}
.card .card-body-group {
  border-top: 1px solid var(--faint-gray-shade-10);
}
.card .card-body-group > .field:last-child {
  margin-bottom: 0;
}
.card .card-footer {
  background-color: var(--faint-gray-shade-3);
  border-top: 1px solid var(--faint-gray-shade-10);
}

.card-header {
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 1rem;
}
.card-header * {
  margin: 0;
}
.card-header p {
  margin: 0.25rem 0 0 0;
}

.card-body {
  padding: 1rem;
}
.card-body h1,
.card-body h2,
.card-body h3,
.card-body h4,
.card-body h5 {
  margin: 0 0 1rem 0;
}

.card-body-group {
  margin: 0 -1rem;
  padding: 1rem;
  position: relative;
}
.card-body-group .btn-add {
  box-shadow: 0 0.25rem var(--dark-blue-shade-2p5);
}
.card-body-group .btn-remove {
  box-shadow: none !important;
  height: 32px;
  left: -16px;
  line-height: 32px;
  padding: 0;
  position: absolute;
  top: -18px;
  width: 32px !important;
}

.card-footer {
  border-radius: 0 0 0.5rem 0.5rem;
  border-top: 1px solid var(--dark-blue-shade-10);
  padding: 1rem;
}
.card-footer a {
  color: var(--white);
}

.card-blue .card-header {
  background-color: var(--dark-blue-shade-5);
  border-bottom: 1px solid var(--dark-blue-shade-10);
  color: var(--white);
}
.card-blue .card-header a {
  color: var(--white);
}
.card-blue .card-body {
  background-color: var(--dark-blue);
  color: var(--white);
}
.card-blue .card-body-group {
  border-top: 1px solid var(--dark-blue-shade-10);
}
.card-blue .cf-turnstile {
  margin-bottom: 1rem;
}
.card-blue .cf-turnstile iframe {
  width: 100% !important;
}
.card-blue .card-footer {
  background-color: var(--dark-blue);
  border-top: 1px solid var(--dark-blue-shade-10);
  color: var(--white);
}

.card-green .card-header {
  background-color: var(--green-shade-5);
  border-bottom: 1px solid var(--green-shade-10);
  color: var(--white);
}
.card-green .card-body {
  background-color: var(--green);
  color: var(--white);
}
.card-green .card-body-group {
  border-top: 1px solid var(--green-shade-10);
}
.card-green .card-footer {
  background-color: var(--green);
  border-top: 1px solid var(--green-shade-10);
  color: var(--white);
}

.card-white {
  background-color: var(--white);
  border: 1px solid var(--border-gray);
}
.card-white .card-header {
  background: transparent;
  border: 0;
  color: var(--dark-gray);
}
.card-white .card-body {
  background: transparent;
}