/*************************************************************
 * Copyright notice
 *
 * (c) 2023, a7digital GmbH
 *
 * This script is part of the TYPO3 project. The TYPO3 project 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.
 *
 * The GNU General Public License can be found at
 * http://www.gnu.org/copyleft/gpl.html.
 *
 * This script 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.
 *
 * This copyright notice MUST APPEAR in all copies of the script!
 ************************************************************/

.custom-video-preview img
{ cursor: pointer; }

.custom-video-preview iframe
{ display: none; }

.custom-video-preview.started img
{ display: none; }

.custom-video-preview.started iframe
{ display: block; }

.video-container
{ position: relative; overflow: hidden; height: 0; padding-bottom: 56.25%; }

.video-container iframe, .video-container object, .video-container embed
{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.a7video.audio audio
{ width: 100%; }

.a7video.audio img, .a7video.youtube img
{ vertical-align: bottom; cursor: pointer; }

.a7video.audio .poster-wrap, .a7video.youtube .poster-wrap
{ position: relative; }

.a7video.audio .play, .a7video.audio .pause, .a7video.youtube .play
{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-width: 20%; height: auto; max-height: 20%; opacity: 0; transition: 300ms all; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)); }

.a7video.audio.paused .play, .a7video.youtube .play
{ opacity: 0.5; }

.a7video.audio.playing .poster-wrap:hover .pause,
.a7video.audio.paused .poster-wrap:hover .play,
.a7video.youtube .poster-wrap:hover .play
{ opacity: 1; }