#article {
    background: rgb(32,49,58);
    background: linear-gradient(180deg, rgba(32,49,58,1) 0%, rgba(3,48,65,1) 50%, rgba(0,35,66,1) 100%);
}

.section-lead, .section-lead .section {
    background: none;
    background: rgba(247, 247, 247, 0.6);
}

#article .section h1,
#date {
    color: #fff;
}

#article .section h4 {
    color: #00b2f6;
}

/* .sidebar {
    top: 2rem;
} */

.sidebar .sticky-top {
    padding-top: 15px;
}

li i {
    margin-right: 5px;
}

#content ul {
    --icon-space: 1.3em;
    list-style: none;
    padding: 0;
}
  
#content li {
    padding-left: var(--icon-space);
}

#headshot {
    width: 50%;
    max-width: 225px;
    height: auto;
    border: solid 2px #53ba83;
}
  
#content li:before {
    content: "\f00c"; /* FontAwesome Unicode */
    font-family: FontAwesome;
    display: inline-block;
    margin-left: calc( var(--icon-space) * -1 );
    width: var(--icon-space);
    color: #53ba83;
}

hr:not([size]) {
    color: #00b2f6;
    height: 2px;
}

blockquote {
    background-color: #002342;
    color: #00b2f6;
    border-radius: 10px;
    font-size: 24px;

}

.notice {
    font-weight: bold;
    font-style: italic;
    color: #0f497d;
}

@media screen and (max-width: 767px) {
    .sidebar {
        border-top: #00b2f6 solid 3px;
        padding-top: 10px;
    }
}

/* @media screen and (min-width: 768px) {
    .sidebar {
        border-left: #00b2f6 solid 3px;
    }
} */