/* These are the "callouts" from Bootstrap's documentation, adapted for general use. */
/* Syntactically they are similar to alerts now and should be used as such. */
/* They have also been extended to include all of Bootstrap's theme colors. */

.callout {
  --bs-callout-bg: transparent;
  /* padding and bottom margin reduced to 1rem, top margin removed */
  --bs-callout-padding: 1rem;
  --bs-callout-margin-bottom: 1rem;
  --bs-callout-color: inherit;
  --bs-callout-border-width: .25rem;
  --bs-callout-border-color: transparent;
  --bs-callout-border-left: var(--bs-callout-border-width) solid var(--bs-callout-border-color);
  padding: var(--bs-callout-padding);
  margin-bottom: var(--bs-callout-margin-bottom);
  color: var(--bs-callout-color);
  background-color: var(--bs-callout-bg);
  border-left: var(--bs-callout-border-left);
}

.callout-heading {
  color: inherit;
}

.callout-link {
  font-weight: 700;
  color: var(--bs-callout-link-color);
}

.callout > :last-child {
  margin-bottom: 0;
}

.callout-primary {
  --bs-callout-color: var(--bs-primary-text-emphasis);
  --bs-callout-bg: var(--bs-primary-bg-subtle);
  --bs-callout-border-color: var(--bs-primary-border-subtle);
  --bs-callout-link-color: var(--bs-primary-text-emphasis);
}

.callout-secondary {
  --bs-callout-color: var(--bs-secondary-text-emphasis);
  --bs-callout-bg: var(--bs-secondary-bg-subtle);
  --bs-callout-border-color: var(--bs-secondary-border-subtle);
  --bs-callout-link-color: var(--bs-secondary-text-emphasis);
}

.callout-success {
  --bs-callout-color: var(--bs-success-text-emphasis);
  --bs-callout-bg: var(--bs-success-bg-subtle);
  --bs-callout-border-color: var(--bs-success-border-subtle);
  --bs-callout-link-color: var(--bs-success-text-emphasis);
}

.callout-info {
  --bs-callout-color: var(--bs-info-text-emphasis);
  --bs-callout-bg: var(--bs-info-bg-subtle);
  --bs-callout-border-color: var(--bs-info-border-subtle);
  --bs-callout-link-color: var(--bs-info-text-emphasis);
}

.callout-warning {
  --bs-callout-color: var(--bs-warning-text-emphasis);
  --bs-callout-bg: var(--bs-warning-bg-subtle);
  --bs-callout-border-color: var(--bs-warning-border-subtle);
  --bs-callout-link-color: var(--bs-warning-text-emphasis);
}

.callout-danger {
  --bs-callout-color: var(--bs-danger-text-emphasis);
  --bs-callout-bg: var(--bs-danger-bg-subtle);
  --bs-callout-border-color: var(--bs-danger-border-subtle);
  --bs-callout-link-color: var(--bs-danger-text-emphasis);
}

.callout-light {
  --bs-callout-color: var(--bs-light-text-emphasis);
  --bs-callout-bg: var(--bs-light-bg-subtle);
  --bs-callout-border-color: var(--bs-light-border-subtle);
  --bs-callout-link-color: var(--bs-light-text-emphasis);
}

.callout-dark {
  --bs-callout-color: var(--bs-dark-text-emphasis);
  --bs-callout-bg: var(--bs-dark-bg-subtle);
  --bs-callout-border-color: var(--bs-dark-border-subtle);
  --bs-callout-link-color: var(--bs-dark-text-emphasis);
}