@charset "UTF-8";

.infobox, .richtext div.strong, article.col div.strong {
  margin: calc(3% + 20px) 0;
  background-color: $color-secondary-light;
  background-color: var(--theme-color-secondary-dimmed, $color-secondary-light);
  padding: 40px 42px 38px;
  border-bottom: 8px solid $color-secondary;
  border-bottom: 8px solid var(--theme-color-secondary, $color-secondary);

  @media(max-width: 567px) {
    padding: 22px 20px 20px;
  }

  &.success {
    background-color: $color-success-light;
    border-color: $color-success;
  }
  &.error {
    background-color: $color-error-light;
    border-color: $color-error;
  }
  &.warning {
    background-color: $color-warning-light;
    border-color: $color-warning;
  }

  *:first-child {
    margin-top: 0;
  }
  *:last-child {
    margin-bottom: 0;
  }

  &:first-child {
    margin-top: 0;
  }
  &:last-child {
    margin-bottom: 0;
  }
}
