/* ==========================================================
   TOP BAR
   ========================================================== */

.top-bar {
    background: var(--colour-dark-grey);
    border-bottom: 1px solid var(--colour-gold);
    min-height: 32px;
    font-size: 0.8rem;
    color: var(--colour-light-grey);
}

.top-bar .container,
.top-bar .row,
.top-bar .col {
    height: 32px;
}

.top-bar .col {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.top-bar a {
    color: var(--colour-light-grey);
    text-decoration: none;
    margin-left: 1rem;
    transition: color .2s ease;
}

.top-bar a:hover {
    color: var(--colour-gold);
}

.top-bar .separator {
    margin: 0 .6rem;
    color: var(--colour-light-grey);
    opacity: .6;
}