/* Values are database controlled and scoped to the two public navigation trees. */
.kh-gov-nav > .kh-nav-item { font-family: var(--cms-top-1-font), sans-serif; font-size: var(--cms-top-1-size); font-weight: var(--cms-top-1-weight); }
.kh-gov-nav > .kh-nav-item > .kh-nav-link { background: var(--cms-top-1-bg); color: var(--cms-top-1-text); box-shadow: var(--cms-top-1-shadow); }
.kh-gov-nav > .kh-nav-item > .kh-nav-link:hover, .kh-gov-nav > .kh-nav-item > .kh-nav-link.active { background: var(--cms-top-1-hover); color: var(--cms-top-1-text); }
.kh-dropdown-menu > li > .kh-dropdown-item, .kh-mega-card { font-family: var(--cms-top-2-font), sans-serif; font-size: var(--cms-top-2-size); font-weight: var(--cms-top-2-weight); background: var(--cms-top-2-bg); color: var(--cms-top-2-text); box-shadow: var(--cms-top-2-shadow); }
.kh-dropdown-menu > li > .kh-dropdown-item:hover, .kh-mega-card .kh-mega-heading { background: var(--cms-top-2-hover); color: var(--cms-top-2-text); }
.kh-mega-links a { font-family: var(--cms-top-3-font), sans-serif; font-size: var(--cms-top-3-size); font-weight: var(--cms-top-3-weight); color: var(--cms-top-3-text); }
.kh-mega-links a:hover { background: var(--cms-top-3-hover); color: var(--cms-top-3-text); }
.kh-side-panel-body > .kh-side-section-box { font-family: var(--cms-side-1-font), sans-serif; font-size: var(--cms-side-1-size); font-weight: var(--cms-side-1-weight); background: var(--cms-side-1-bg); color: var(--cms-side-1-text); box-shadow: var(--cms-side-1-shadow); }
.kh-side-panel-body > .kh-side-section-box a, .kh-side-panel-body > .kh-side-section-box .kh-side-block-title { color: var(--cms-side-1-text); }
.kh-side-panel-body > .kh-side-section-box a:hover { background: var(--cms-side-1-hover); color: var(--cms-side-1-text); }
.kh-side-group-title { font-family: var(--cms-side-2-font), sans-serif; font-size: var(--cms-side-2-size); font-weight: var(--cms-side-2-weight); background: var(--cms-side-2-bg); color: var(--cms-side-2-text); box-shadow: var(--cms-side-2-shadow); }
.kh-side-links a { font-family: var(--cms-side-3-font), sans-serif; font-size: var(--cms-side-3-size); font-weight: var(--cms-side-3-weight); color: var(--cms-side-3-text); }
.kh-side-links a:hover { background: var(--cms-side-3-hover); color: var(--cms-side-3-text); }
.kh-menu-level-4 { margin: .25rem 0 .35rem 1rem; padding-left: .75rem; border-left: 2px solid var(--cms-top-4-hover); list-style: none; }
.kh-menu-level-4 a { display: block; padding: .25rem .5rem; font-family: var(--cms-top-4-font), sans-serif; font-size: var(--cms-top-4-size); font-weight: var(--cms-top-4-weight); color: var(--cms-top-4-text); background: var(--cms-top-4-bg); box-shadow: var(--cms-top-4-shadow); }
.kh-menu-level-4 a:hover { background: var(--cms-top-4-hover); color: var(--cms-top-4-text); }
.kh-side-panel .kh-menu-level-4 { border-color: var(--cms-side-4-hover); }
.kh-side-panel .kh-menu-level-4 a { font-family: var(--cms-side-4-font), sans-serif; font-size: var(--cms-side-4-size); font-weight: var(--cms-side-4-weight); color: var(--cms-side-4-text); background: var(--cms-side-4-bg); box-shadow: var(--cms-side-4-shadow); }
.kh-side-panel .kh-menu-level-4 a:hover { background: var(--cms-side-4-hover); color: var(--cms-side-4-text); }