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

.djg-admin-bar-button{
	/** background-color: 	#23282D; -- Now set via admin options */
	/** color: 				#9EA3A8; -- Now set via admin options */
	cursor:				pointer;
}
.djg-admin-bar-button:hover{
	/** background-color:	#32373C; -- Now set via admin options */
	/** color: 				#00B9EB; -- Now set via admin options */
}

.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;
}