/* 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 */
}

.text-primary-custom {
  color: var(--PrimaryColor) !important;
}

.c-img {
  filter: brightness(0.5);
}

.c-carousel-caption {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center; /* vertical center */
  align-items: center; /* horizontal center */
  text-align: center;
}

.c-carousel-caption-header {
  font-size: 18pt;
  color: transparent;
}

.c-carousel-caption-text {
  font-size: 11pt;
  font-style: italic;
}

@media screen and (min-width: 700px) {
  .c-carousel-caption-header {
    color: white;
  }
}

@media screen and (min-width: 770px) {
  .c-carousel-caption-text {
    font-size: 14pt;
  }

  .c-carousel-caption-header {
    font-size: 24pt;
    color: white;
  }
}

@media screen and (min-width: 1080px) {
  .c-carousel-caption-text {
    font-size: 16pt;
  }

  .c-carousel-caption-header {
    font-size: 36pt;
    color: white;
  }
}

.c-story-img {
  height: 20em;
}

.c-ourstory-section {
  background-color: var(--SupportingColorWhite);
}

.c-ourstory {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 100% !important;
}

.meet-the-team {
  background-color: var(--SupportingColorSlate);
  color: white;
}

.value-card-custom {
  transition: transform 0.3s ease;
}

.value-card-custom:hover {
  transform: scale(1.04);
  cursor: pointer;
}