/* Height of top bar */
:root {
    --topbar-height: 32px;
}

/* Top info bar */
.top-info-bar {
    background: #0a58ca;
    color: #fff;
    font-size: 14px;
    padding: 6px 0;
}

/* Push fixed navbar below top bar */
.navbar.fixed-top {
    top: var(--topbar-height);
}

/* Page content offset */
body {
    padding-top: calc(var(--topbar-height) + 80px);
}

/* Icons */
.top-left span {
    margin-right: 18px;
}

.top-right a {
    color: #fff;
    margin-left: 12px;
}
.top-right a:hover {
    color: #ffd200;
}
/* Height of top bar */
:root {
    --topbar-height: 34px;
}

/* Top Info Bar */
.top-info-bar {
    position: relative;
    z-index: 1040; /* ABOVE navbar */
    background: #0a58ca;
    color: #fff;
    font-size: 14px;
    padding: 6px 0;
}

/* Push fixed navbar below top bar */
.navbar.fixed-top {
    top: var(--topbar-height);
}

/* Offset page content */
body {
    padding-top: calc(var(--topbar-height) + 80px);
}