/* pro responsivni video */
/* - https://bootstrapmaster.com/implement-responsive-youtube-vimeo-embed-iframe-twitter-bootstrap-3/ */
/* - http://labs.jonsuh.com/responsive-video-embed/ */
.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px; 
	overflow: hidden;
}

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

/* neresponsivni playlist - CSS zajistuje snizeni jeho sirky */
.noresponsive_playlist .ytv-video {        
	position: relative;                     
	padding-bottom: 39.4%; 		/* 16:9 of 70%*/
	height: 0;
	width: 70%;
}

.noresponsive_playlist .ytv-video iframe {
	position: absolute;                     
	top: 0; 
	left: 0;
}

.noresponsive_playlist .ytv-list {
	width: 30%;                             
}

.noresponsive_playlist .ytv-canvas {
	margin: 0px auto;                             
}                                         

/* zobrazeni videa na vysku */
.portrait_view .ytv-list {                      		
	position: relative;
	display: block;
	padding-bottom: 40%;
	left: auto; right: auto;
	top: auto; width: 100%;
}

.portrait_view .ytv-video {
	position: relative;                           
	padding-bottom: 56.25%; /* 16:9 */            
	height: 0;                                    
	display: block;
	left: auto; right: auto;                      
	top: auto; width: 100%;
}	
   

/* Hlavicka playlistu periodicky meni barvu */   
.playlist .ytv-list-header > a{
	-webkit-animation: pulse 2s infinite;
	-moz-animation: pulse 2s infinite;
	-o-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
}

.playlist .ytv-list-header.ytv-playlist-open > a{
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;
}

/* nelze to zkratit */ 
@-webkit-keyframes pulse {
  0%   { background: rgba(255,255,255,0); }
  50%  { background: rgba(255,255,255,0.1); }
  100% { background: rgba(255,255,255,0); }
}
@-moz-keyframes pulse {
  0%   { background: rgba(255,255,255,0); }
  50%  { background: rgba(255,255,255,0.1); }
  100% { background: rgba(255,255,255,0); }
}
@-o-keyframes pulse {
  0%   { background: rgba(255,255,255,0); }
  50%  { background: rgba(255,255,255,0.1); }
  100% { background: rgba(255,255,255,0); }
}
@keyframes pulse {
  0%   { background: rgba(255,255,255,0); }
  50%  { background: rgba(255,255,255,0.1); }
  100% { background: rgba(255,255,255,0); }
}