/* Pool & Spa Spa-menu presentation. Keep this feature override separate. */

.wellness-reference-content
  .module-tabs
  .tab-content.wellness-spa-tab
  > .wellness-spa-menu {
  display: flex !important;
  justify-content: flex-start !important;
  width: 100%;
  max-width: 50rem;
  margin: 1.5rem auto 1rem !important;
  padding: 0 !important;
}

.wellness-reference-content
  .module-tabs
  .tab-content.wellness-spa-tab
  .wellness-spa-menu-link {
  display: inline-flex;
  align-items: center;
  color: rgb(168, 56, 41) !important;
  font-family: var(--font-heading) !important;
  font-size: 1.875rem !important;
  font-weight: 700 !important;
  line-height: 1.2;
  text-decoration: underline !important;
}

.wellness-reference-content
  .module-tabs
  .tab-content.wellness-spa-tab
  .wellness-spa-menu-link:hover {
  color: var(--cl-navy) !important;
}

.wellness-reference-content
  .module-tabs
  .tab-content.wellness-spa-tab
  > .wellness-spa-book {
  display: flex !important;
  justify-content: flex-start !important;
  width: 100%;
  max-width: 50rem;
  margin: 0 auto 3rem !important;
  padding: 0 !important;
}

.wellness-reference-content
  .module-tabs
  .tab-content.wellness-spa-tab
  .wellness-spa-book-link {
  display: inline-flex;
  min-height: 3.75rem;
  align-items: center;
  justify-content: center;
  padding: 0 1.75rem;
  border: 0.5rem solid transparent;
  border-image-source: url("../images/fivestar/bg-button.png");
  border-image-slice: 16 fill;
  border-image-width: 0.5rem 0.875rem;
  border-image-repeat: stretch;
  background: transparent;
  color: rgb(168, 56, 41) !important;
  font-family: var(--font-heading) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.2;
  letter-spacing: 0.03em;
  text-decoration: none !important;
}

.wellness-reference-content
  .module-tabs
  .tab-content.wellness-spa-tab
  .wellness-spa-book-link:hover {
  color: var(--cl-navy) !important;
}

@media (max-width: 767px) {
  .wellness-reference-content
    .module-tabs
    .tab-content.wellness-spa-tab
    .wellness-spa-menu-link {
    font-size: 1.5rem !important;
  }

  .wellness-reference-content
    .module-tabs
    .tab-content.wellness-spa-tab
    .wellness-spa-book-link {
    font-size: 1.125rem !important;
  }
}