/**
 * Calculate the contrast ratio between two colors.
 * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 */
/**
 * Determine whether to use dark or light text on top of given color.
 * Returns black for dark text and white for light text.
 */
/* 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;
}

.paragraph-icon {
  display: flex;
  flex-flow: row;
  gap: 2em;
  padding: 2em;
  border-radius: 0px;
  width: calc(100% + 4em);
  max-width: calc(100% + 4em);
  margin-left: -2em;
  margin-right: -2em;
}
.paragraph-icon p.paragraph-icon__body {
  margin: 0;
}
.paragraph-icon i {
  font-size: 3rem;
}
.paragraph-icon-navy {
  background-color: #003B5C;
  color: white;
}
.paragraph-icon-green {
  background-color: #8F993E;
  color: black;
}
.paragraph-icon-yellow {
  background-color: #FFC845;
  color: black;
}
.paragraph-icon-lightblue {
  background-color: #77C5D5;
  color: black;
}
.paragraph-icon-crimson {
  background-color: #862633;
  color: white;
}
.paragraph-icon-lightgray {
  background-color: #f2f0ee;
  color: black;
}
.paragraph-icon-lightgray i {
  color: #862633;
}

/*# sourceMappingURL=paragraph-icon.css.map */