body {
  background-color:#FFFFFF;
  margin-top: 5rem;
}

h1, h2, h3, h4, h5, h6 {
  color: #000000;
}

/* mouse over link */
a:hover {
  color: green;
}

/* selected link */
a:active {
  color: DarkGreen;
}

.bg-steel {
  background-color: #00A886;
}

.site-header .navbar-nav .nav-link {
  color: #000000;
}

.site-header .navbar-nav .nav-link:hover {
  color: #000000;
  background-color:#00A886 !important;
}

.site-header .navbar-nav .nav-link.active {
  font-weight: 500;
}

.content-section {
  background: #FFFFFF;
  padding: 10px 20px;
  border: 2px solid #FFFFFF;
  border-radius: 5px;
  margin-bottom: 20px;
  color:#000000;
  
}

.login-section {
  background: #677E6F;
  padding: 10px 20px;
  border: 2px solid #D9CFC7;
  border-radius: 5px;
  margin-bottom: 20px;
  color:#50251E;
  
}

a.article-author{
	color: #00A886;
}

a.article-author:visited{
	color: #00A886;
}

a.article-author:hover{
	color: #00A886;
}

a.article-title:link {
  color: #00A886;
}

a.article-title:hover {
  color: #00A886;
  text-decoration: none;
}

/* visited link */
a.article-title:visited {
  color: #00A886;
}

.article-content {
  white-space: pre-line;
}

.article-img {
  height: 65px;
  width: 65px;
  margin-right: 16px;
}

.article-metadata {
  padding-bottom: 1px;
  margin-bottom: 4px;
  border-bottom: 1px solid #e3e3e3
  color: #00A886;
}

.article-metadata a:hover {
  color: #00A886;
  text-decoration: none;
}

.article-metadata a:visited {
  color: #00A886;
  text-decoration: none;
}

.account-img {
  height: 125px;
  width: 125px;
  margin-right: 20px;
  margin-bottom: 16px;
}

.account-heading {
  font-size: 2.5rem;
}

.btn-primary, .btn-primary:active, .btn-primary:visited {
    background-color: #CCCCCC  !important;
	border-color: #CCCCCC   !important;
	color: #000000 !important;
}
.btn-primary:hover {
	background-color: #9DDDDD !important;
}

.btn-secondary, .btn-secondary:active, .btn-secondary:visited {
    background-color: #CCCCCC  !important;
	border-color: #CCCCCC  !important;
	color: #000000 !important;
}
.btn-secondary:hover {
	background-color: #9DDDDD !important;
}

.btn-dark, .btn-dark:active, .btn-dark:visited {
    background-color: #677E6F  !important;
	border-color: #B76E55  !important;
}
.btn-dark:hover {
	background-color: #677E6F !important;
}

.form-control-label {
	color: #50251E !important;
}