グリッテサイト – php ヘッダーボタン、メニュー

【ヘッダーボタン】
functions.php で、ヘッダーウィジェットを追加。
ウィジェットに記入した内容は以下の通り

a.header-banner{
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
  background: #fff;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 5px 45px 10px 45px;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-decoration: none;
  transition-duration: 0.3s;
	font-weight:bold;
}
a.green-b{
  border: 1px solid #00a33b;
  color: #00a33b;
}
a.orange-b{
  border: 1px solid #ff7f50;
  color: #ff7f50 !important;
}
/*ボタン（白抜き　緑色のボタン）　共通　ホバー時*/
a.green-b:hover {
  background: #00a33b;
  color: #fff;
}
/*ボタン（白抜き　オレンジ色のボタン）　共通　ホバー時*/
a.orange-b:hover {
  background: #ff7f50;
  color: #fff !important;
}

【グローバルメニュー】

/*サブメニューの色*/
.sub-menu {
	background-color:grey !important;
	color:red;
	margin-left:-6em  !important;
	width:12em !important;
}
.sub-menu :hover{
	background-color:yellowgreen !important;
	color:green;
}

【グローバルメニュー】