/**
 * --------------------------------------------------------------------------------------------
 * FONT
 *
 * Apply font-size, line-height, and letter-spacing in one go.
 *
 * @usage
 *    @include font($font-size $line-height $letter-spacing);
 *    // All arguments are optional
 * --------------------------------------------------------------------------------------------
 */

.embed {
  overflow: hidden;
}

.embed.max-width--large {
  width: 100%;
}

@media (min-width: 750px) {
  .embed.max-width--large {
    width: 75%;
  }
}

@media (min-width: 750px) {
  html[dir=rtl] .embed {
    margin-right: 30%;
  }
}

@media (min-width: 1200px) {
  html[dir=rtl] .embed {
    margin-right: 25%;
  }
}

.embed > *,
.embed iframe {
  width: 100% !important;
  max-width: 100% !important;
}

.embed__video {
  position: relative;
}

.embed__video:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.embed__video > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
}

.embed__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.embed--full {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

html[dir=rtl] .embed--full {
  margin-left: 0;
  margin-right: 0;
}

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