/*
Videos Youtube
*/
.youtube-container { 
	display: block; 
	margin: 20px auto; 
	width: 100%; 
	max-width: 400px; 
	border: 2px solid #0a3874;
    border-radius: 5px;
}
.youtube-player { 
	display: block; 
	width: 100%; /* Asumiendo que el video es 16:9 */ 
	padding-bottom: 56.25%; 
	overflow: hidden; 
	position: relative; 
	cursor: hand; 
	cursor: pointer; 
	display: block; 
}
img.youtube-thumb { 
	bottom: 0; 
	display: block; 
	left: 0; 
	margin: auto; 
	max-width: 100%; 
	width: 100%; 
	position: absolute; 
	right: 0; 
	top: 0; 
	height: auto 
}
div.play-button { 
	height: 72px; 
	width: 72px; 
	left: 50%; 
	top: 50%; 
	margin-left: -36px; 
	margin-top: -36px; 
	position: absolute; 
	background: url('https://octavocongreso.redue-alcue.org/wp-content/themes/blossom-coach/images/youtube-64.png') no-repeat; 
}
#youtube-iframe { 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 0; 
	left: 0; 
}

/*
PDF - Viewer
*/
.pdf-container { 
	display: block; 
	margin: 20px auto; 
	width: 100%; 
	max-width: 400px; 
	height: 300px;
	border: 2px solid #0a3874;
    border-radius: 5px;
}
.pdf-viewer { 
	display: block; 
	width: 100%; /* Asumiendo que el video es 16:9 */ 
	padding-bottom: 56.25%; 
	overflow: hidden; 
	position: relative; 
	width: 100%; 
	height: 100%; 
	cursor: hand; 
	cursor: pointer; 
	display: block; 
}
img.pdf-thumb { 
	bottom: 0; 
	display: block; 
	left: 0; 
	margin: auto; 
	max-width: 100%; 
	width: 100%; 
	position: absolute; 
	right: 0; 
	top: 0; 
	height: auto 
}
svg.viewer-button { 
	color: #000000;
	background-color:#88ced0;
	font-size: 3em; 
	left: 55%; 
	top: 55%; 
	margin-left: -45px; 
	margin-top: -36px; 
	padding:5px;
	position: absolute; 
	/*background: url('https://octavocongreso.redue-alcue.org/wp-content/themes/blossom-coach/images/presentation.png') no-repeat;*/
}
#pdf-iframe { 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 0; 
	left: 0; 
}

.img-viewer { 
	display: block; 
	width: 100%; /* Asumiendo que el video es 16:9 */ 
	padding-bottom: 56.25%; 
	overflow: hidden; 
	position: relative; 
	height: 100%; 
	border: 2px solid #0a3874;
}
.img-thumb { 
	bottom: 0; 
	display: block; 
	left: 0; 
	margin: auto; 
	max-width: 100%; 
	width: 100%; 
	position: absolute; 
	right: 0; 
	top: 0; 
	height: auto 
}