/**
 * @package   OSEmbed
 * @contact   www.joomlashack.com, help@joomlashack.com
 * @copyright 2016-2024 Joomlashack.com. All rights reserved
 * @license   http://www.gnu.org/licenses/gpl.html GNU/GPL
 *
 * This file is part of OSEmbed.
 *
 * OSEmbed is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 2 of the License, or
 * (at your option) any later version.
 *
 * OSEmbed is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with OSEmbed.  If not, see <http://www.gnu.org/licenses/>.
 */

body {

  .embera-embed-responsive {

    &:not(.embera-embed-responsive-provider-flickr):not(.embera-embed-responsive-provider-facebook) {
      position: relative;
      display: block;
      width: 100%;
      overflow: hidden;

      iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        margin: 0;
      }
    }
  }

  /* 16:9 aspect ratio */
  .embera-embed-responsive-provider-dailymotion,
  .embera-embed-responsive-provider-kickstarter,
  .embera-embed-responsive-provider-rutube,
  .embera-embed-responsive-provider-ted,
  .embera-embed-responsive-provider-vimeo,
  .embera-embed-responsive-provider-youtube,
  .embera-embed-responsive-provider-animatron,
  .embera-embed-responsive-provider-amcharts,
  .embera-embed-responsive-provider-on-aol-com,
  .embera-embed-responsive-provider-animoto,
  .embera-embed-responsive-provider-videojug,
  .embera-embed-responsive-provider-speakerdeck,
  .embera-embed-responsive-provider-sketchfab,
  .embera-embed-responsive-provider-spotify,
  .embera-embed-responsive-provider-livestream,
  .embera-embed-responsive-provider-googlemaps {
    padding-bottom: 56.25%;
  }

  /* Mixed aspect ratio */
  .embera-embed-responsive-provider-ustream {
    padding-bottom: 63.3%;
  }

  .embera-embed-responsive-provider-googledocs {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    padding-bottom: 62.6%;

    &.embera-embed-responsive-googledocs-document,
    &.embera-embed-responsive-googledocs-forms,
    &.embera-embed-responsive-googledocs-spreadsheets {
      padding-bottom: 142%;
    }
  }
}

/* Debug displays */
div.osembed-debug {
  word-break: break-all;
}
div.osembed-debug span {
  font-weight: bold;
}
div.osembed-debug ul li div:first-child {
  float: left;
  width: 5em
}
div.osembed-debug ul li div:nth-child(2) {
  margin-left: 5em;
}