/**
 * Allegiance Group Base Theme
 * This can be used for global DSK settings.
 * Note that this should not be used for project-specific CSS.
 */
/**
 * Paragraphs Defaults
 */
.spacer-top-default {
  padding-top: 2rem;
}

.spacer-top-large {
  padding-top: 3rem;
}

.spacer-top-medium {
  padding-top: 2rem;
}

.spacer-top-small {
  padding-top: 1rem;
}

.spacer-top-none {
  padding-top: 0;
}

.spacer-bottom-default {
  padding-bottom: 2rem;
}

.spacer-bottom-large {
  padding-bottom: 3rem;
}

.spacer-bottom-medium {
  padding-bottom: 2rem;
}

.spacer-bottom-small {
  padding-bottom: 1rem;
}

.spacer-bottom-none {
  padding-bottom: 0;
}

.spacer-default {
  height: 2rem;
  padding-top: 0;
  padding-bottom: 0;
}

.spacer-large {
  height: 3rem;
  padding-top: 0;
  padding-bottom: 0;
}

.spacer-medium {
  height: 2rem;
  padding-top: 0;
  padding-bottom: 0;
}

.spacer-small {
  height: 1rem;
  padding-top: 0;
  padding-bottom: 0;
}

.spacer-none {
  padding-top: 0;
  padding-bottom: 0;
}

/**
 * Attempts to deal with tiny Videos
 * @see https://www.drupal.org/project/drupal/issues/3060968#comment-13959443
 * @see https://www.drupal.org/forum/support/post-installation/2020-12-22/adjust-remote-video-embed-dimensions
 */
.field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  /* Then style the iframe to fit in the container div with full height and width */
}
.field--name-field-media-oembed-video .media-oembed-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

figure.caption.embedded-entity {
  display: block;
}
figure.caption.embedded-entity.align-left {
  text-align: left;
}
figure.caption.embedded-entity.align-center {
  text-align: center;
}
figure.caption.embedded-entity.align-right {
  text-align: right;
}

.caption > figcaption {
  max-width: 100%;
  display: block;
  text-align: center;
}

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