/* Frontend alignment for YouTube embeds from CKEditor. */
.text-formatted iframe[align="left"] {
  float: left;
  margin: 0 1rem 1rem 0;
  max-width: 100%;
}

.text-formatted iframe[align="right"] {
  float: right;
  margin: 0 0 1rem 1rem;
  max-width: 100%;
}

.text-formatted iframe[align="center"] {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.text-formatted iframe[align="left"],
.text-formatted iframe[align="right"],
.text-formatted iframe[align="center"] {
  display: block;
  max-width: 100%;
}

/* Compatibility for older content wrapped with data-align containers. */
.text-formatted div[data-align="left"] {
  float: left;
  margin: 0 1rem 1rem 0;
  max-width: 100%;
}

.text-formatted div[data-align="right"] {
  float: right;
  margin: 0 0 1rem 1rem;
  max-width: 100%;
}

.text-formatted div[data-align="center"] {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.text-formatted div[data-align] iframe {
  display: block;
  max-width: 100%;
}