/**
 * @package:		WordPress
 * @subpackage:		Admin Bar Button Plugin
 * @description:	CSS for the 'adminBar' jQuery widget on the front end
 */

.djg-admin-bar-button{
	background-color: 	#222222;
	color: 				#EEEEEE;
	cursor:				pointer;
}
.djg-admin-bar-button:hover{
	background-color:	#333333;
	color: 				#2EA2CC;
}

.djg-admin-bar-button .text{
	font-family: 	"Open Sans",sans-serif;
	font-size:		13px;
	line-height: 	32px;
	vertical-align: top;
}

.djg-admin-bar-button span.ab-icon-position-top-left,
.djg-admin-bar-button span.ab-icon-position-top-right,
.djg-admin-bar-button span.ab-icon-position-bottom-left:before,
.djg-admin-bar-button span.ab-icon-position-bottom-right:before{
	font-family: 	"dashicons";
	line-height: 	32px;
}
.djg-admin-bar-button span.ab-icon-position-top-left:before,
.djg-admin-bar-button span.ab-icon-position-bottom-left:before{
	content: 		"\f344";
	padding-right: 	20px;
}
.djg-admin-bar-button span.ab-icon-position-top-right:before,
.djg-admin-bar-button span.ab-icon-position-bottom-right:before{
	content: 		"\f340";
	padding-left: 	20px;
}

#wpadminbar #wp-admin-bar-hide .ab-icon:before{
    content:	"\f158";
    top:		3px;
}