/*Reset Plugins wp social login*/
.wp-social-login-provider-list{padding:0!important}
.wp-social-login-connect-with,
.wp-social-login-provider img {
	display: none;
}

.wp-social-login-provider{font: normal normal normal 14px/1 FontAwesome;color:black;font-size: 1.2em;margin-right: 12px;}
.wp-social-login-provider-facebook:before{content: "\f09a"}
.wp-social-login-provider-google:before{content: "\f1a0";}
.wp-social-login-provider-twitter:before{content: "\f099";}

/*******************************/


/****** Avatar Template ********/
.avatar {display: inline-block;margin-left: 15%;position: relative;top: -5px;}
.avatar .list-nav-avatar{display: none;}

.avatar .image-avatar{font: normal normal normal 14px/1 FontAwesome;width: 50px;height: 50px;position: relative}
.avatar .image-avatar:before{content: "\f107";color:#979797;position: absolute;right: -10px;top: 40%;transform: translate(0,-50%);}

.avatar .image-avatar img{border-radius: 50%;width: 100%;height: auto}
.avatar .image-avatar .avatar-user{width: 70%;margin: 0 auto;display: block;}

@media(min-width: 1001px) {


	.avatar:hover .list-nav-avatar{
		display: block;
		width: 200px;
		left: -150%;
		position: absolute;
		background-color: #fefffe;
		box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5);
	}

	.list-nav-avatar a:hover{color: #ea4857;background-color: #f5f5f5;}
}

.list-nav-avatar a{display:block;padding: 13px 30px;color: #063245;font-size: 0.85em;}

.list-nav-avatar:after{
	content:' ';
	width: 0;
	height: 0;
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #fefffe;
	top: -10px;
	left: 50%;
	transform: translate(-50%,0);
}
.has-avatar .avatar{top: 0;}

@media(max-width: 1000px) {

	.avatar, .has-avatar .avatar{
		width: 100%;
		margin-left: 0;
	}

	.avatar .image-avatar{display: none;}
	.avatar .list-nav-avatar{
		display: block;
		width: 100%;
	}

	.avatar .list-nav-avatar li{
		background-color: #073244;
		line-height: 2.4;
		padding: 0 2%;
		display: block;
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		list-style-type: none;
		position: relative;
		text-align: center;
		font-size: 0.9em;
		height: 100%;
		font-style: normal;
		padding-left: calc(2% + 0.9em);
	}

	.avatar .list-nav-avatar li a{
		color: #b2bfc5;
		display: block;
		text-decoration: none;
		line-height: 4.63;
		padding-top: 0;
		text-align: left;
		border-bottom: solid 1px #314f5c;
		padding-left: 0.3em;
		width: 93%;
		margin: 0 auto;
		font-size: 1em;
		padding-bottom: 0;
	}

	.list-nav-avatar:after{
		display: none;
	}


}