/* Color Palette */
:root {
  --PrimaryColor: #5f8369; /* Buttons, highlights, logo */
  --SupportingColorWhite: #f8f6f0; /* Backgrounds */
  --SupportingColorGray: #a8b2a1; /* Backgrounds */
  --SupportingColorSlate: #2e2e2e; /* Body text, footer */
  --AccentColorRose: #c27664; /* Accent buttons, sections, icons */
  --AccentColorGold: #d4b483; /* Accent buttons, sections, icons */
  --HighlightColorGrace: #afcfea; /* Quotes, testimonials, spiritual touchpoints */

  --instragramPurple: #833ab4;
}

.list-group-item {
  background-color: var(--SupportingColorWhite) !important;
}
#websiteLink > img {
  max-width: 100%;
}
#websiteLink {
  transition: all 0.2s ease-in;
}
#websiteLink:hover {
  box-shadow: 0 0 6px 3px rgba(95, 131, 105, 0.8);
}
.websiteLink {
  transition: all 0.2s ease;
  background-color: var(--PrimaryColor);
}
.websiteLink:hover {
  background-color: rgba(95, 131, 105, 0.8);
}
#facebookLink {
  transition: all 0.2s ease;
  background-color: rgb(65, 105, 225);
}
#facebookLink:hover {
  background-color: rgba(65, 105, 225, 0.8);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
}
#instagramLink {
  transition: all 0.2s ease;
  background-color: rgb(131, 58, 180);
}
#instagramLink:hover {
  background-color: rgba(131, 58, 180, 0.8);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
}
#tiktokLink {
  transition: all 0.2s ease;
  background-color: rgb(30, 30, 30);
}
#tiktokLink:hover {
  background-color: rgba(30, 30, 30, 0.8);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 922px) {
  .list-group {
    width: 98%;
  }
  .card-group {
    width: 98%;
  }
}