CSS for Header Menu

style.css

/* Site Header Navigation
--------------------------------------------- */

.site-header .genesis-nav-menu a {
	line-height: 1;
	padding: 40px 22px 10px;
}

.site-header .sub-menu a {
	padding: 16px 20px;
}

.site-header .sub-menu .sub-menu {
	margin-top: -48px;
}


/*
Header Menu Dashicons
---------------------------------------------------------------------------------------------------- */

.site-header .genesis-nav-menu .menu-item:before {
	display: block;
	font-family: 'dashicons';
	font-size: 28px;
	font-style: normal;
	font-weight: normal;
	line-height: 0;
	margin: 0;
	position: relative;
	text-align: center;
	top: 16px;
	vertical-align: top;
	transition: color .1s ease-in 0;
	-webkit-transition: color .1s ease-in 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.site-header .genesis-nav-menu .menu-item:before {
	color: #333333;
}

.site-header .genesis-nav-menu .menu-item:hover:before {
	color: #f15123;
}

.site-header .genesis-nav-menu .current-menu-item:before {
	color: #f15123;
}