#video-7TREDJBd5D .onstage-local-vimeo {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
}

/* Vagaro is the only booking destination; remove the legacy GHL calendars. */
[id^="calendar-"] {
  display: none !important;
}

.onstage-vagaro-booking {
  display: block;
  box-sizing: border-box;
  width: min(calc(100% - 20px), 760px);
  margin: 18px auto 8px;
  padding: 18px 24px;
  border-radius: 4px;
  background: #819c91;
  color: #fff !important;
  font: 700 18px/1.2 Montserrat, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
}

.onstage-vagaro-booking:hover {
  background: #6f8b80;
}

/* Match the men's hair-systems site palette. */
:root {
  --onstage-aubergine: #27222c;
  --onstage-aubergine-2: #342f39;
  --onstage-sage: #819c91;
  --onstage-sage-dark: #6f8b80;
  --onstage-mist: #e5eeea;
  --onstage-paper: #eee9e3;
  --onstage-soft: #f8f7f4;
  --secondary: var(--onstage-sage) !important;
  --cobalt: var(--onstage-sage) !important;
  --blue: var(--onstage-sage) !important;
  --appointment_widgets-primary-color: var(--onstage-sage-dark) !important;
  --appointment_widgets-light-primary-color: #819c911f !important;
}

html,
body,
#app,
.hl_page-preview--content {
  background-color: var(--onstage-soft) !important;
}

.hl_page-preview--content .section-RugxgqmaZ,
.hl_page-preview--content .section-v_TFC3QL8s {
  background-color: var(--onstage-aubergine-2) !important;
}

.hl_page-preview--content .section-GNV7U5TD5t,
.hl_page-preview--content .section-WA4MdMkfdu,
.hl_page-preview--content .section-H27-nLfDlh,
.hl_page-preview--content .section-FiKZx19Qt6,
.hl_page-preview--content .section-6XEpw7jbBS,
.hl_page-preview--content .section-bNzil2Ppc-,
.hl_page-preview--content .section-bq5BBafaEO {
  background-color: var(--onstage-soft) !important;
}

.hl_page-preview--content [class*="cbutton-"] {
  background-color: var(--onstage-sage) !important;
  border-color: var(--onstage-sage-dark) !important;
  color: #fff !important;
}

.hl_page-preview--content [class*="cbutton-"]:hover {
  background-color: var(--onstage-sage-dark) !important;
}

.hl_page-preview--content h1,
.hl_page-preview--content h2,
.hl_page-preview--content h3,
.hl_page-preview--content h4 {
  color: var(--onstage-aubergine) !important;
}

.hl_page-preview--content .section-v_TFC3QL8s h1,
.hl_page-preview--content .section-v_TFC3QL8s h2,
.hl_page-preview--content .section-v_TFC3QL8s h3,
.hl_page-preview--content .section-v_TFC3QL8s p,
.hl_page-preview--content .section-RugxgqmaZ h1,
.hl_page-preview--content .section-RugxgqmaZ h2,
.hl_page-preview--content .section-RugxgqmaZ h3,
.hl_page-preview--content .section-RugxgqmaZ p {
  color: #fff !important;
}

.hl_page-preview--content .section-v_TFC3QL8s::before {
  background-color: #27222c75 !important;
}

.appointment_widgets--revamp--container,
.appointment_widgets--revamp--info-container,
.appointment_widgets--revamp--steps {
  border-color: #819c9147 !important;
}

.appointment_widgets--revamp--container button,
.appointment_widgets--revamp--container [role="button"] {
  border-color: var(--onstage-sage) !important;
}

.appointment_widgets--revamp--container button:not([disabled]) {
  color: var(--onstage-sage-dark) !important;
}

.appointment_widgets--revamp--container button.selected,
.appointment_widgets--revamp--container button[aria-selected="true"] {
  background-color: var(--onstage-sage) !important;
  color: #fff !important;
}

.hl_page-preview--content a,
.hl_page-preview--content strong {
  text-decoration-color: var(--onstage-sage-dark);
}

@media screen and (min-width: 768px) {
  #section-WA4MdMkfdu .video-container.w-1-2 {
    width: 78% !important;
    margin-inline: auto !important;
  }
}