/**
 * @file
 *   CSS for the YouTube Field module.
 */

/* Takes effect when a field's 'size' display setting is 'responsive'. */
.youtube-container--responsive {
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.youtube-container--responsive iframe {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}