/*
*****************************************
 PVII HTML Toolkits: HTML5 Audio 
 by Project Seven Development - ver 1.0.1
 www.projectseven.com
*****************************************
*/

/* -------- Mute Button Styles ------------- */

/* top tight is default */
.tka-mute {
	position: fixed;
	top: 0px;
	right: 0px;
	padding: 10px;
	z-index: 999999999;
}
.tka-mute.tka-pos-tl {
	top: 0px;
	left: 0px;
	bottom: auto;	
}
.tka-mute.tka-pos-br {
	top: auto;
	right: 0px;
	bottom: 0px;	
}
.tka-mute.tka-pos-bl {
	top: auto;
	left: 0px;
	bottom: 0px;	
}
.tka-mute a {
	color: #000;
	font-size: 24px;
	text-decoration: none;
	border: 1px solid #000;;
	border-radius: 5px;
	padding: 6px;
	background-color: rgba(255,255,255,0.9);
	transform: scale(1);
	transition: transform linear 0.1s;
}
.tka-mute a:hover {
	transform: scale(1.1);
}
.tka-mute.tka-dark a {
	background-color: rgba(0,0,0,0.9);
	border: 1px solid #FFF;
	color: #FFFFFF;
}
.tka-mute a.material-icons {
	font-size: 24px;
}


/* -------- Browser Auto Play blocked prompt --------- */
.tka-prompt {
	position: fixed;
	top: -300px;
	left:0px;
	width: 100%;
	color: #000000;
	background-color: rgba(255,255,255,0.97);
	text-align: center;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	margin: 0px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.75);
	transition: top 0.8s ease;
	z-index: 999999999;
}
.tka-prompt a:link,
.tka-prompt a:visited {
	display: inline-block;
	padding: 5px 10px 5px 10px;
	margin-left: 10px;
	text-decoration: none;
	border-radius: 5px;
	border: 1px solid #555;;
	transition: all 0.3s;
}
/* prompt buttons light style */
.tka-prompt a:link,
.tka-prompt a:visited {
	color: #000;
}
.tka-prompt a:hover {
	color: #000;
	background-color: #999;
}
/* prompt dark style */
.tka-prompt.tka-dark {
	background-color: rgba(0,0,0,0.9);
	color: #FFFFFF;
}
.tka-prompt.tka-dark a:link,
.tka-prompt.tka-dark a:visited {
	color: #FFF;
}
.tka-prompt.tka-dark a:hover {
	color: #FFF;
	background-color: #444;
}
.tka-prompt.active {
	top:0px;
}