.colorLindseyBlue {
  color: #0063a5;
}
.colorDarkGray {
  color: #3d444b;
}
.colorMediumGray {
  color: #515151;
}
.colorLightGray {
  color: #808489;
}
.colorExtraLightGray {
  color: #B1B4B3;
}
.colorLightestGray {
  color: #F2F2F2;
}
.colorGold {
  color: #e5ca7f;
}
.colorLightGold {
  color: #F9E08E;
}
.colorCyan {
  color: #00ACEC;
}
.colorWhite {
  color: #fff;
}
.colorBlack {
  color: #000;
}
.bgColorLindseyBlue {
  background-color: #0063a5;
}
.bgColorDarkGray {
  background-color: #3d444b;
}
.bgColorMediumGray {
  background-color: #515151;
}
.bgColorLightGray {
  background-color: #808489;
}
.bgColorExtraLightGray {
  background-color: #B1B4B3;
}
.bgColorLightestGray {
  background-color: #F2F2F2;
}
.bgColorGold {
  background-color: #e5ca7f;
}
.bgColorLightGold {
  background-color: #F9E08E;
}
.bgColorCyan {
  background-color: #00ACEC;
}
.bgColorWhite {
  background-color: #fff;
}
.bgColorBlack {
  background-color: #000;
}
.bgGoldStripe {
  background-image: url(/img/bgGoldStripe.png);
  background-color: #e5ca7f;
}
.bgWhiteStripe {
  background-image: url(/img/pinStripes.gif);
  background-color: #fff;
}
a {
  color: inherit;
}
a:hover {
  text-decoration: none;
}
#stories {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.newsCard {
  width: 320px;
  min-height: 525px;
  border: 1px solid #f2f2f2;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.3);
  margin: 0 30px 30px 0;
}
.newsCard:hover {
  box-shadow: none;
}
.sectionTitle {
  background-color: #0063a5;
  color: #fff;
  display: inline;
  position: absolute;
  padding: 5px 20px 5px 5px;
  margin-top: -50px;
  text-transform: uppercase;
  font-weight: bold;
}
.datePublished {
  font-style: italic;
  margin: 10px 0 -10px 4px;
  font-size: small;
}
.image {
  background-image: url('../img/waterMark.jpg');
  background-size: cover;
  height: 285px;
  overflow: hidden;
}
.image img {
  height: 285px;
  flex: 1;
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#newsLead {
  margin: 0 5px;
}
@media only screen and (max-width: 660px) {
  .newsCard {
    margin: auto auto 30px;
  }
}
@media only screen and (max-width: 719px) {
  .newsCard {
    min-height: inherit;
    padding-bottom: 10px;
  }
}
