/* Zencal Embed */
#zencal-embed {
  min-height: 460px !important;
}

#zencal-embed #zencal-embed-meeting-details {
  display: none;
}

#zencal-embed #zencal-embed-booking-form-view-your-details-container {
  background-color: transparent !important;
}

#zencal-embed *,
#zencal-embed div h1,
#zencal-embed div h2,
#zencal-embed div h3,
.zencal-embed div h3 {
  /* color: var(--body-color) !important; */
  font-family: var(--body-font) !important;
  letter-spacing: var(--letter-spacing) !important;
  line-height: var(--line-height) !important;
}

#zencal-embed input[type="email"],
#zencal-embed input[type="text"],
#zencal-embed input[type="tel"],
#zencal-embed textarea,
#zencal-embed input[type="email"]::placeholder,
#zencal-embed input[type="text"]::placeholder,
#zencal-embed input[type="tel"]::placeholder,
#zencal-embed textarea::placeholder {
  font-size: 14px !important;
  font-family: var(--body-font) !important;
  letter-spacing: var(--letter-spacing) !important;
  line-height: var(--line-height) !important;
}

#zencal-embed #zencal-embed-booking-form-view-your-details-form-container > div,
#zencal-embed #zencal-embed-booking-form-view-your-details-form-container > input {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

#zencal-embed #zencal-embed-main-view-container {}

#zencal-embed .MuiGrid-root .MuiGrid-container {
  padding-top: 0;
  padding-bottom: 0;
}

#zencal-embed #zencal-embed-booking-view-container {
  padding: 0 !important;
}

#zencal-embed .MuiBox-root,
#zencal-embed .MuiGrid-item {
  padding: 0 !important;
}

#zencal-embed #zencal-embed-schedule-view-calendar-container {
  padding: 1rem !important;
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  border-radius: 0 !important;
  /* background-color: transparent !important; */
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}

#zencal-embed #zencal-embed-booking-form-view-payment-container {
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  width: auto !important;
}

#zencal-embed #zencal-embed .MuiBox-root,
#zencal-embed .MuiGrid-item {
  width: 100%;
}

#zencal-embed #zencal-embed-main-view {
  margin: 0;
}

#zencal-embed-schedule-view-calendar-container {}


/* zencal dark */
/* #zencal-embed button[type="submit"],
button[type="button"],
#zencal-embed button[type="submit"] span,
button[type="button"] {
  background-color: white !important;
  color: var(--blue) !important;
}
    #zencal-embed-schedule-view-calendar-container * {
      color: var(--body-color) !important;
    }
      */


.umow-sie-wrapper {
  display: flex;
  flex-direction: column;
}

.umow-sie-text-content {
  order: 2;
  flex: 1;
}

.umow-sie-zencal-wrapper {
  order: 1;
  flex: 1;
}

@media (min-width: 1024px) {
  .umow-sie-wrapper {
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
  }

  .umow-sie-text-content {
    order: 1;
    flex: 0.6;
  }

  .umow-sie-zencal-wrapper {
    order: 2;
    margin-right: -4rem;
    padding-left: 6rem;
    margin-top: 1rem;
    min-width: 476px;
  }
}