html {
    font-size: 14px;
}

/* When a <li> html item is active inside a div with navbar class, change its color to slight grey color */
.nav-link:hover {
    text-decoration: underline;
    text-decoration-color: lightgray;
    /*background-color: #a5acb3 !important;*/
}

.nav-link:active {
    text-decoration: underline;
}

.navbar-nav > .active > a {
    color: red;
    text-decoration: underline;
}

header nav ul li a.active {
    font-weight: bold;
}

.bold {
    font-weight: bold;
}

.navbar {
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-shadow {
    box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.1);
}

.navbar-item {
    font-weight: normal;
    text-decoration: none;
    border-style: none;
}

.navbar-item-selected {
    font-weight: bold;
    text-decoration: none;
    border-style: none;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.3);
}

.navbar-item:hover {
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.1);
}