.home-title,
.home-section-title,
.home-booth-card__title,
.home-story__title,
.home-faq__title {
  font-family: Alike, serif;
  font-weight: bold;
  color: rgb(80, 34, 11);
}

.home-title {
  font-size: clamp(2rem, 4vw, 2.75rem);
}

.home-intro__content {
  max-width: 800px;
}

.home-intro__text,
.home-section-text,
.home-body-text,
.home-faq__body {
  font-family: Alike, serif;
  color: #000;
  font-size: 18px;
  line-height: 1.7;
}

.home-cta-button {
  font-family: Alike, serif;
  background: var(--site-brown);
  color: var(--site-cream);
  padding: 0.6rem 1rem;
  display: inline-block;
}

.home-cta-button:hover,
.home-cta-button:focus,
.home-cta-button:active {
  background: var(--site-brown);
  color: var(--site-cream);
}

.home-booth-card__image {
  height: 200px;
  object-fit: cover;
}

.home-gallery__item {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 25px;
}

.home-gallery__image {
  height: 196px;
  width: auto;
  display: block;
}

.home-faq__title {
  padding-top: 15px;
  padding-bottom: 15px;
}

.home-faq__accordion .accordion-item {
  border: 0;
}

.home-faq__button {
  font-family: Alike, serif;
  font-weight: bold;
  color: rgb(80, 34, 11);
  background-color: transparent;
  box-shadow: none;
}

.home-faq__button:not(.collapsed) {
  color: rgb(80, 34, 11);
  background-color: transparent;
  box-shadow: none;
}

.home-faq__button:focus {
  box-shadow: none;
  border-color: transparent;
}

/* Fully override Bootstrap default accordion icon */
.home-faq__button::after {
  background-image: none !important;
  content: "+";
  display: flex;
  align-items: center;
  justify-content: center;

  width: 1.5rem;
  height: 1.5rem;

  margin-left: auto;

  font-size: 2rem;
  line-height: 1;            /* 👈 important */
  font-weight: 400;

  color: rgb(80, 34, 11) !important;

  transform: none !important;
  flex-shrink: 0;
}

.home-faq__button:not(.collapsed)::after {
  content: "−";
}

.home-faq__body {
  padding-top: 1rem;
}

.home-faq__cta {
  font-family: Alike, serif;
  background: var(--site-brown);
  color: var(--site-cream);
  width: 100px;
  margin: 5px 0 30px 20px;
}

.home-faq__cta:hover,
.home-faq__cta:focus,
.home-faq__cta:active {
  background: var(--site-brown);
  color: var(--site-cream);
}

.home-story__image {
  min-height: 300px;
}

@media (max-width: 991.98px) {
  .home-gallery__image {
    width: 100%;
    max-width: 320px;
    height: auto;
  }
}