/* Fix conflicts between WordPress block library CSS and Bootstrap */

figure.wp-block-image {
  display: table;
  max-width: 100%;
}

figure.wp-block-image img {
  display: block;
  max-width: 100%;
  height: auto;
}

figure.wp-block-image .wp-element-caption {
  display: table-caption;
  caption-side: bottom;
  width: 100%;
}

figure.wp-block-image.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.has-text-align-center {
  text-align: center;
}

.has-text-align-right {
  text-align: right;
}

.has-text-align-left {
  text-align: left;
}

.wp-element-caption {
  margin-top: 0.8em;
  font-size: 0.8em;
}

.wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
}

.wp-block-buttons.is-content-justification-center {
  justify-content: center;
}

.wp-block-buttons.is-content-justification-right {
  justify-content: flex-end;
}

.wp-block-buttons.is-content-justification-space-between {
  justify-content: space-between;
}

.wp-block-buttons .wp-block-button__link {
  width: auto;
}