/* * Hederer */ :root{ --nav-component-bg: var(--fhc-tertiary); --nav-component-border: var(--fhc-border); --nav-component-color: var(--fhc-text); --nav-left-component-border: var(--fhc-border); --nav-left-component-bg: var(--fhc-tertiary); --nav-left-component-color: var(--fhc-primary); --nav-left-component-hover: var(--fhc-secondary-highlight); } .navbar-header { background-color: var(--nav-component-bg); padding-top: 0px; padding-bottom: 0px; padding-left: 10px; border-style: solid; border-color: var(--nav-component-border); border-width: 0 0 1px; } .header-menu-link-entry { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; line-height: 1.42857143; color: var(--nav-component-color) !important; padding-top: 15px !important; padding-right: 7px !important; padding-left: 7px !important; } .header-menu-icon { top: 0px; margin-right: 3px; font-size: 16px; } /* * Left side */ .navbar-left-side { z-index: 1; position: absolute; width: 250px; border-right: 1px solid ; background-color:var(--nav-left-component-bg); } .navbar-left-side ul { width: 250px; } .navbar-left-side ul li { border-bottom: 1px solid var(--nav-left-component-border); } .left-side-menu-second-level { padding-top: 0px !important; padding-bottom: 0px !important; } .left-side-menu-second-level li { border-bottom: none !important; } .left-side-menu-second-level span { display: inline-flex; } .remove-custom-filter { font-size: 10px !important; } .left-side-menu-link-entry { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: var(--nav-left-component-color); padding-top: 10px !important; padding-bottom: 10px !important; padding-left: 7px !important; padding-right: 7px !important; text-decoration: none; } .left-side-menu-link-entry:hover { background-color: var(--nav-left-component-hover); } /* * To be moved outside */ .navbar.navbar-left-side ~ *, #content { position: inherit; margin: 0 0 0 250px; padding: 30px 30px; }