/**
 * Alignment styles for text and block level elements.
 *
 * Overrides stable9/css/system/components/align.module.css
 */

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

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

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

.text-align-justify {
  text-align: justify;
}

/**
 * Alignment classes for block level elements (images, videos, blockquotes, etc.)
 */
.align-left {
  float: left;
  margin-left: 0;
  margin-right: var(--layout02);
}

.align-right {
  float: right;
  margin-left: var(--layout02);
  margin-right: 0;
}

.align-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.align-center img,
.align-center video,
.align-center audio {
  margin-left: auto;
  margin-right: auto;
}