/* Amending Bootstrap styles */

    
/* Accessible color contrast */
    a {
        color: #006FE6; /* Darker color with accessible contrast */
        text-decoration: none;
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
    }    

    .anchorjs-link {
        font-weight: 400;
        color: #006FE6; /* Darker color with accessible contrast */
        transition: color .16s linear;
        font-size: .8em;
        padding-left: 0.375em;
    }

    .badge-info {
        color: #fff;
        background-color: #128091; /* Darker color with accessible contrast */
    }

    .bd-example select {
        width:100%;
    }

    .bg-light {
        background-color: #ffffff !important;
    }

    .btn-clipboard {
        position: absolute;
        top: .5rem;
        right: .5rem;
        z-index: 10;
        display: block;
        padding: .25rem .5rem;
        font-size: 75%;
        color: #687278; /* Darker color with accessible contrast */
        cursor: pointer;
        background-color: transparent;
        border: 0;
        border-radius: .25rem;
    }

    code {
        font-size: 87.5%;
        color: #D2196F; /* Darker color with accessible contrast */
        word-break: break-word;
    }

    .nav-item h2 {
        font-size: 1.25rem;
        color:#757575; /* Darker color with accessible contrast */
    }

    .bd-navbar .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
        color: #757575; /* Darker color with accessible contrast */   
    }

    .navbar-light .navbar-text {
        color: #757575; /* Darker color with accessible contrast */   
    }

    .nav-item a:hover {
        color: black !important;
        cursor: pointer;
    }

    .text-danger {
        color: #DA2B3C!important; /* Darker color with accessible contrast */   
    }

    .text-success {
        color: #1F7F35!important; /* Darker color with accessible contrast */   
    }

    h3.text-muted {
        font-size: 1em;
        margin-top: 2em;
    }

/* Navigation using the left nav */
    :target:before {
        content:"";
        display:block;
        height:6em; /* fixed header height*/
        margin:-6em 0 0; /* negative fixed header height */
    }

    .bd-sidebar .nav>li>a {
        display: block;
        padding: .25rem 2.5rem;
        font-size: 90%;
        color: rgba(0,0,0,.65);
    }

    .bd-sidenav ul li {
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: .25rem .5rem;
        margin-bottom: 0;
        list-style: none;
        font-size: 95%;
    }

    .bd-sidenav ul li a {
        display: block;
        padding: 0rem .5rem;
        font-size: 95%;
        color: rgba(0,0,0,.65);
    }

/* Spacing */

    section {
        margin-top: 2em;
    }