/* hideemail_function needs css definition on:  */

.hiddenmail:after {
	content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
}

.yt-img  {
	position: relative;
	display:inline-block; 
	background-image: none;
	background-color: transparent;
	background-size:cover; 
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;	
}

.yt-layer  {
	width: 100%;
	height:100%;
	display:inline-block; 
	background-image: url('play_button.svg'), linear-gradient(#0006, #0000), linear-gradient(#0000, #0006);
	background-size:10% auto, 100% 20%, 100% 20%; 
	background-repeat:no-repeat;
	background-position:center, top, bottom;
	cursor:pointer;  	
}

.yt-info  {
  	display: flex;
  	justify-content: center;
  	align-items: center;
	font-family:arial, sans serif;
	font-size:12pt;
	background-color: #fff9;
	color:black;
}

.yt-video  {
	visibility:hidden;
}