/* SVVSD Color Palette */
/* Does not need to have sufficient color contrast */
.has-green-background-color {
  background-color: #8F993E;
  border: solid 2px #8F993E;
}
.has-green-background-color:hover {
  background-color: #adb951 !important;
  border-color: #adb951 !important;
}

.has-white-color {
  color: white;
}

.has-background {
  background-color: #862633;
}

.has-green-color {
  color: #8F993E;
}

.has-navy-color {
  color: #003B5C;
}

.has-burgandy-color {
  color: #862633;
}

.has-orange-color {
  color: #FF7F41;
}

.has-light-blue-color {
  color: #77C5D5;
}

.staff-member {
  display: flex;
  flex-direction: row;
  gap: 1em;
  margin-bottom: 3em;
}
.staff-member .staff-member__image {
  flex-shrink: 0;
}
.staff-member img {
  width: 100px;
  height: 100px;
  min-height: 100px;
  object-fit: cover;
  border-radius: 10px;
}
.staff-member .staff-member__content h6 {
  margin: 0;
}
.staff-member .staff-member__content p {
  margin: 0;
}
.staff-member .staff-member__content .staff-member__contact {
  font-family: "Roboto Condensed";
  font-size: 0.85rem;
  color: #003a5d;
  margin-top: 1em;
}
.staff-member .staff-member__content .staff-member__contact i {
  margin-right: 0.5em;
}
.staff-member .staff-member__content .staff-member__contact a {
  margin-right: 1em;
  background-color: #86263311;
  padding: 0.5em 1em;
  font-weight: 300;
  border-radius: 5px;
  font-synthesis: 0.85rem;
  display: inline-block;
}
.staff-member .staff-member__content .staff-member__description {
  font-size: 0.85rem;
  margin-top: 1em;
}

@media (max-width: 599px) {
  .staff-member {
    flex-direction: column;
  }
}

/*# sourceMappingURL=style.css.map */