/*
BioGurukul White Account Icon Fix v3.8.0
Author: Abhishek Das

This replaces the colored emoji account icon with a pure white CSS user icon.
*/

.bgk-final-header-account-icon,
.bgk-final-header-account > a,
.bgk-account-menu-icon,
.bgk-exact-account-icon,
.bgk-simple-login-icon,
.bgk-header-login-icon{
	position:relative!important;
	color:transparent!important;
	font-size:0!important;
	text-indent:-9999px!important;
	overflow:hidden!important;
	background:rgba(255,255,255,.10)!important;
	border:1px solid rgba(255,255,255,.22)!important;
}

/* White head */
.bgk-final-header-account-icon::before,
.bgk-final-header-account > a::before,
.bgk-account-menu-icon::before,
.bgk-exact-account-icon::before,
.bgk-simple-login-icon::before,
.bgk-header-login-icon::before{
	content:""!important;
	position:absolute!important;
	width:10px!important;
	height:10px!important;
	border-radius:999px!important;
	background:#ffffff!important;
	top:8px!important;
	left:50%!important;
	transform:translateX(-50%)!important;
	display:block!important;
	opacity:1!important;
	text-indent:0!important;
}

/* White shoulder/body */
.bgk-final-header-account-icon::after,
.bgk-final-header-account > a::after,
.bgk-account-menu-icon::after,
.bgk-exact-account-icon::after,
.bgk-simple-login-icon::after,
.bgk-header-login-icon::after{
	content:""!important;
	position:absolute!important;
	width:20px!important;
	height:10px!important;
	border-radius:999px 999px 7px 7px!important;
	background:#ffffff!important;
	bottom:8px!important;
	left:50%!important;
	transform:translateX(-50%)!important;
	display:block!important;
	opacity:1!important;
	text-indent:0!important;
}

.bgk-final-header-account-icon:hover,
.bgk-final-header-account-icon:focus,
.bgk-final-header-account > a:hover,
.bgk-final-header-account > a:focus,
.bgk-account-menu-icon:hover,
.bgk-account-menu-icon:focus,
.bgk-exact-account-icon:hover,
.bgk-exact-account-icon:focus,
.bgk-simple-login-icon:hover,
.bgk-simple-login-icon:focus,
.bgk-header-login-icon:hover,
.bgk-header-login-icon:focus{
	background:#6c00ff!important;
	color:transparent!important;
}

.bgk-final-header-account-icon:hover::before,
.bgk-final-header-account-icon:hover::after,
.bgk-final-header-account > a:hover::before,
.bgk-final-header-account > a:hover::after,
.bgk-account-menu-icon:hover::before,
.bgk-account-menu-icon:hover::after,
.bgk-exact-account-icon:hover::before,
.bgk-exact-account-icon:hover::after,
.bgk-simple-login-icon:hover::before,
.bgk-simple-login-icon:hover::after,
.bgk-header-login-icon:hover::before,
.bgk-header-login-icon:hover::after{
	background:#ffffff!important;
}

@media(max-width:900px){
	.bgk-final-header-account-icon::before,
	.bgk-final-header-account > a::before,
	.bgk-account-menu-icon::before,
	.bgk-exact-account-icon::before,
	.bgk-simple-login-icon::before,
	.bgk-header-login-icon::before{
		width:9px!important;
		height:9px!important;
		top:8px!important;
	}
	.bgk-final-header-account-icon::after,
	.bgk-final-header-account > a::after,
	.bgk-account-menu-icon::after,
	.bgk-exact-account-icon::after,
	.bgk-simple-login-icon::after,
	.bgk-header-login-icon::after{
		width:18px!important;
		height:9px!important;
		bottom:8px!important;
	}
}