Lightning G3 Evergreen使用時の追加CSS（ヘッダ及びフッタ）について

■ WordPress のバージョン
6.3.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
Lightningバージョン: 15.12.1

■ Pro Unit のバージョン
Lightning G3 Pro Unit　バージョン0.25.1

■ スキンの種類
Evergreen

■ スキンのバージョン
バージョン 0.2.3

■ 期待する動作
追加CSSで記述したことが反映される。

■ 自分で試した事
ヘッダ及びフッタについて、別のサイト（https://www.kuon-manage.jp/）で記述したCSSが、本サイトでは反映されない。
ちなみに上記サイトは、Lightning Pro Child Sampleを使用。
プラグイン（デザインスキン）が変わったことで、CSSの記述方法も何か変わるのか？
変更が反映される、正しい記入方法があれば教えていただきたい。
具体的なCSS構文は下記の通り。※｛｝内は、適宜変更。

/* ロゴサイズ調整 */
.siteHeader_logo img {
max-height: 44px;}
/* ヘッダ */
.headerTop{
color:#ffffff;
background-color:#7dcef4;
}
.siteHeader {
background-color: #00a0e9;
}
ul.gMenu a {
font-size:12.2px;
color: #ffffff;
background-color: #00a0e9;
}
.gMenu>li .gMenu_name {
font-size:1.2em;
}
ul.gMenu :hover{
color:#ffffff;
background-color:#7dcef4;
opacity: 0.92;
}
/*ヘッダー（スクロール時）*/
siteHeader,
.header_scrolled .gMenu_outer {
background-color: #00a0e9;
opacity: 0.96;
}
.header_scrolled .gMenu>li:last-child {
border-right: 1px solid #ffffff;
}
.header_scrolled .gMenu>li {
border-left: 1px solid #ffffff;
}

/*フッタ */
.section.siteFooter {
border-top:1px solid #00a0e9;
background-color:#00a0e9;
}
footer .footerMenu li a {
color: #ffffff;
padding-top: 2px;
padding-bottom: 2px;
}
footer .footerMenu li a:hover{
color:#ffffff;
background-color:#7dcef4;
opacity: 0.88;
}

/* フッタ最下段*/
footer .copySection {
color:#ffffff;
background-color:#00a0e9;
display:block !important;　　
border-top:none !important;　
}
footer .copySection p:nth-child(2) {
display:none !important;
｝

■ 症状が発生するブラウザ
Chrome

■ 実際の症状
ヘッダ及びフッタについて、別のサイト（https://www.kuon-manage.jp/）で記述したCSSが、本サイトでは反映されない。