.toolbar { color: var(--toolbar-font-color); align-items: center; background-color: var(--color-white); display: flex; font-size: calc(15 / var(--rem-base) * 1rem); height: var(--toolbar-height); justify-content: flex-start; margin: 1rem 0; } .toolbar a { color: inherit; } .mobile-toolbar { width: 100%; display: flex; align-items: center; } .nav-toggle, #collapse-panel-btn { border: none; outline: none; line-height: inherit; padding: 0; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; margin-right: 10px; } .nav-toggle:active, #collapse-panel-btn:active { background-color: rgba(0, 0, 0, 0.1); } @media screen and (min-width: 1024px) { .mobile-toolbar { display: none; } /* .nav-toggle { display: none; } */ } .home-link { display: block; background: url(../img/home-o.svg) no-repeat center; height: calc(var(--toolbar-height) / 2); width: calc(var(--toolbar-height) / 2); margin: calc(var(--toolbar-height) / 4); } .home-link:hover, .home-link.is-current { background-image: url(../img/home.svg); } .edit-this-page { display: none; /* padding-right: 0.5rem; */ } .toolbar .edit-this-page a { color: var(--toolbar-muted-color); } .toolbar .edit-this-page a:hover { color: var(--color-bwg-main); font-weight: 600; } .panel-toolbar { margin-top: 17px; padding-left: 20px; } @media screen and (min-width: 1024px) { .edit-this-page { display: block; } #collapse-panel-btn { display: none; } }