.omnibar {
    display: grid;
    grid-template-columns: auto 1fr auto;

    background-color: white;
    box-shadow: 0px 1px 4px #667785;
    box-sizing: border-box;
    overflow: hidden;

    color: black;

    height: 50px;
}

.omnibar-box-a {
    grid-column: 1;
    height: 50px;
}

.omnibar-box-b {
    grid-column: 2;
    height: 50px;
}

.omnibar-box-c {
    grid-column: 3;
    height: 50px;
}

.omnibar-item,
.omnibar-item:link,
.omnibar-item:visited {
    display: inline-block;
    background-position: bottom;
    box-sizing: border-box;

    color: black;
    line-height: 50px;

    height: 50px;
}

.omnibar-item:active,
.omnibar-item:focus,
.omnibar-item:hover {
    color: #C83737;
    background-position: top;
}

.omnibar-logo:link,
.omnibar-logo:visited {
    background-image: url("../img/logo.svg");
    width: 50px;
}

.omnibar-menu {
    padding-right: 10px;
}

.omnibar-admin-btn:link,
.omnibar-admin-btn:visited {
    background-image: url("../img/admin-btn.svg");
    width: 40px;
}

.omnibar-edit-btn:link,
.omnibar-admin-btn:visited {
    background-image: url("../img/edit-btn.svg");
    width: 40px;
}

.omnibar-super-menu-btn {
    background-image: url("../img/super-menu-btn.svg");
    width: 40px;
}