/**
 * @file
 * Default styles for Open Berkeley brand modal widgets.
 */

/**
 * NOTE: We should try to limit the styles here to structural things like
 * positioning, box sizing and visibility. Colors and fonts are the purview
 * of the theme and should only be used here when necessary to make the
 * unstyled default understandable.
 */


/*
 * Make the YouTube player in the modal responsive.
 */
div.openberkeley-widgets-zoom-modal .openberkeley-media-kaltura-iframe,
div.openberkeley-widgets-zoom-modal .media-youtube-video,
div.openberkeley-widgets-zoom-modal .media-vimeo-video {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

div.openberkeley-widgets-zoom-modal .openberkeley-media-kaltura-iframe > iframe,
div.openberkeley-widgets-zoom-modal .media-youtube-video > iframe,
div.openberkeley-widgets-zoom-modal .media-vimeo-video > iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}