/* Nav menu */
#content-box > .navbar {
    background-color: unset !important;
}

#content-box > .navbar .navbar-toggler {
    border: 0;
}

#nav-menu > div {
    flex-wrap: wrap;
    justify-content: space-around;
}

#nav-menu > div > a {
    
    display: block;

    border: 0px solid var(--nav-border-color);
    border-radius: 4px;

    /* color: var(--nav-text-color); */
    
    text-decoration: none;
}


/* Back to top */
#btn-back-to-top {

    position: fixed;
    bottom: 30px;
    right: 30px;

    display: none;

    color: #979696;
    font-size: 2em;
    opacity: 0.7;
}

/* Article */
article .a-title > div > h1 {
    background-color: var(--main-bg-color);
}

article .a-title > div > h1 > span {
    font-size: 0.6em;
}


/* Sinclair */
div.sinclair-bar div {
    height: 3px;
}


footer div.sinclair-bar div {
    height: 8px;
}

div.sinclair-bar .red {
    background-color: var(--sinclair-red-color);
}

div.sinclair-bar .yellow {
    background-color: var(--sinclair-yellow-color);
}

div.sinclair-bar .green {
    background-color: var(--sinclair-green-color);
}

div.sinclair-bar .blue {
    background-color: var(--sinclair-blue-color);
}

/* icon lists */
#personal-info ul {
    list-style: none;
    padding: 0 4px;
}

#personal-info li {
    display: flex;
    justify-items: start;
    padding: 4px 0;
}

#personal-info li span {
    flex: 1;
    margin-left: 16px;
}