ヘッダー画面（メインビジュアル）をクリックすると画面が黒いレイヤーのようなものが表示されてしまいます。

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
ワードプレスでサイトを作成しているのですが、ヘッダー画面（メインビジュアル）をクリックすると画面が黒いレイヤーのようなものが表示されてしまいます。テーマはonepressを使用しています。
https://northjapan.co.jp/

発生している問題・エラーメッセージ

ヘッダー画面をクリックすると画面が黒いレイヤーのようなものが表示される。

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。
カスタマイズのヒーロー設定を全て確認しましたが、黒いレイヤーは消えませんでした。

ヒーローカスタマイズのパララックス効果を有効にする (最初の背景画像のみ適用)
と消えますが、画面が拡大され、スクロールすると画面も動くのでパララックス効果はせずに黒いレイヤーだけを非表示にしたいです。

検証からHTMLとCSSを確認しましたが、黒いレイヤーの部分は表示されていなく解決できませんでした。

よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

Answer 1

キーボードでCtrl+aしてみてください。
下記CSSが設定されているので、それを変更するか、

::selection {
	background: #000000;
	color: #FFFFFF;
}

こうするか。

#hero {
	user-select: none;
}

【【css】要素を選択不可にする - Qiita】
https://qiita.com/B73W56H84/items/97ba0110a81f85394208