/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.content-bg {
  border-radius: 16px;
  padding: 1em;
  display: block;
  margin-bottom: 1em; }
  .content-bg p {
    margin-top: 0; }
    .content-bg p:last-child {
      margin-bottom: 0; }
  .content-bg h1, .content-bg h2, .content-bg h3, .content-bg h4, .content-bg h5, .content-bg .h1, .content-bg .h2, .content-bg .h3, .content-bg .h4, .content-bg .h5 {
    margin: 0; }
  .content-bg.light-yellow {
    background-color: rgba(255, 200, 64, 0.17); }
  .content-bg.light-green {
    background-color: rgba(105, 191, 74, 0.17); }
  .content-bg.light-orange {
    background-color: rgba(236, 118, 1, 0.17); }
  .content-bg.light-pink {
    background-color: rgba(236, 155, 173, 0.17); }
  .content-bg.light-purple {
    background-color: rgba(141, 26, 96, 0.17); }
  .content-bg.light-blue {
    background-color: rgba(13, 178, 231, 0.17); }
  .content-bg.light-light-blue {
    background-color: rgba(13, 178, 231, 0.17); }

.padding + h2 {
  margin-top: 0; }

.bg-content-box.padding + .quote, .bg-content-box.no-padding-top + .quote {
  margin-top: -1em; }

/*# sourceMappingURL=contentbackground.css.map */