見出しのカスタマイズがデフォルトのデザインと重複してしまう

見出しのカスタマイズを試みたところ、デフォルトの見出しと重複して効果が出てしまっています。
原因と解決方法を教えていただきたいです。
宜しくお願い致します。

また、

/* フォント */
body{
　color:#4e5665 !important;
}/* フォントを灰色にする */

でテキストの色変更を試みたのですがこれも上手く行きません。
こちらも合わせて教えて頂けると幸いです

■ホーム
弁理士XYZホーム
■記事リンク
発明の新規性とは

■CSSの状況（子テーマのcss.style）

@charset "UTF-8";

/*
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */

/* フォント */
body{
　color:#4e5665 !important;
}/* フォントを灰色にする */

/* [記事を読む] */
.entry-read {
  display: none;
}

.article h2{
  position: relative;
  color: white;
  background: #1468c6;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

.article h2:before {/*疑似要素*/
  font-family: FontAwesome;
  border-bottom: none;
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

.article h3 {
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;
}

.article h3:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #1468c6; /*アイコン色*/
}

/*---------------------------------
グローバルナビの上下に線の装飾
--------------------------------*/
#navi {
 border-top:0.7px solid #949eaa;
 border-bottom:0.7px solid #949eaa;
}
/*---------------------------------
グローバルナビのホバー時の線と文字の色を変更
--------------------------------*/
#navi ul li a:hover{
    color: #1468c6 !important;
　　　　　　　　background-color:white;
}
#navi ul li a:before{
   background:#1468c6 !important;
}
#navi ul,#navi{
 background-color:white;
}

/*---------------------------------
サイドバー見出し
--------------------------------*/

#sidebar h3{
text-align:center;
line-height: 24px;
font-size: 18px;
color: #ffffff;
background-color: #1468c6;
border-radius: 10px;
padding: 2px 10px;

}