/* First screen and primary promotions. Independent of Divi generated CSS and JS. */
body.home #top.et_pb_section {
  box-sizing: border-box;
  background: #247C80 !important;
  padding: 24px 0 70px !important;
}
body.home #top > .et_pb_row {
  box-sizing: border-box;
  width: min(calc(100% - 32px), 1100px) !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
}
body.home #top > .et_pb_row:first-child {padding: 8px 0 0 !important; text-align: center;}
body.home #top > .et_pb_row:nth-child(2) {
  display: flex;
  align-items: center;
  gap: clamp(20px, 4vw, 48px);
  padding: 32px 0 0 !important;
}
body.home #top > .et_pb_row:nth-child(2) > .et_pb_column:first-child {flex: 0 0 33%; min-width: 0;}
body.home #top > .et_pb_row:nth-child(2) > .et_pb_column:last-child {flex: 1 1 auto; min-width: 0;}
body.home #top .et_pb_image {text-align: center;}
body.home #top img[src*="logo-transp-white-200"] {
  display: block;
  width: 145px !important;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
body.home #top .maria-school-caption {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
body.home #top .et_pb_text,
body.home #top .et_pb_text_inner,
body.home #top .et_pb_text_inner p {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 300;
  line-height: 1.3;
}
body.home #top .et_pb_text_inner {font-size: clamp(18px, 2vw, 27px);}
body.home #top .et_pb_text_inner a {color: #fff !important; -webkit-text-fill-color: #fff !important;}
body.home #top .et_pb_image img[src*="maria-turquoise-light-room"] {display: block; max-width: 100%; height: auto;}
body.home #top .et_pb_button {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  padding: .55em 1.1em !important;
  border: 2px solid #fff !important;
  border-radius: 5px;
  background: transparent !important;
  color: #fff !important;
  white-space: normal;
  font-family: "Open Sans", Arial, sans-serif;
}
body.home #top .et_pb_button:hover,
body.home #top .et_pb_button:focus-visible {background: #1D6569 !important; color: #fff !important;}
body.home #top > .et_pb_row.et_animated,
body.home #top > .et_pb_row .et_animated,
body.home :is(#birth-experience-promo, #facilitator-training-promo) .et_animated {
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
body.home :is(#birth-experience-promo, #facilitator-training-promo) {
  background: #EFF8F7 !important;
  padding: clamp(52px, 7vw, 96px) 18px !important;
}
body.home :is(#birth-experience-promo, #facilitator-training-promo) .et_pb_row {
  display: block;
  width: min(100%, 900px) !important;
  max-width: 900px !important;
  margin: 0 auto !important;
}
@media (max-width: 767px) {
  body.home #top.et_pb_section {padding: 16px 0 48px !important;}
  body.home #top > .et_pb_row:first-child {width: calc(100% - 24px) !important; max-width: calc(100% - 24px) !important; padding: 4px 0 0 !important;}
  body.home #top img[src*="logo-transp-white-200"] {width: 110px !important;}
  body.home #top > .et_pb_row:nth-child(2) {display: block; padding-top: 24px !important;}
  body.home #top > .et_pb_row:nth-child(2) > .et_pb_column {width: 100% !important; margin: 0 auto 24px !important;}
  body.home #top .et_pb_image img[src*="maria-turquoise-light-room"] {max-width: min(100%, 300px); margin: 0 auto;}
  body.home #top .et_pb_text_inner {font-size: 21px;}
}

/* Task 85: stable first-screen phone and social controls. */
body.home #top .maria-hero-phone {
  display: inline-block;
  font-size: 20px !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere;
}
body.home #top .maria-hero-social {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  margin: 2px auto 0;
  width: fit-content;
  max-width: 100%;
}
body.home #top .maria-hero-social-link {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 8px;
  color: #fff;
  text-decoration: none;
  transition: background-color .15s ease;
}
body.home #top .maria-hero-social-link svg {
  display: block;
  width: 26px;
  height: 26px;
  fill: currentColor;
}
body.home #top .maria-hero-social-link:hover,
body.home #top .maria-hero-social-link:focus-visible {
  background: #1D6569;
}
body.home #top .maria-hero-social-link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
@media (max-width: 767px) {
  body.home #top .maria-hero-phone {font-size: 18px !important;}
}

/* Task 86: the course link belongs to the introductory sentence. */
body.home #top .et_pb_column_2_3 .et_pb_text_inner a.maria-inline-course[href] {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  padding: .17em .55em;
  border: 1px solid #B8DDDE;
  border-radius: 7px;
  background-color: #1D6569 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: normal;
  vertical-align: baseline;
}
body.home #top .et_pb_column_2_3 .et_pb_text_inner a.maria-inline-course[href]:hover,
body.home #top .et_pb_column_2_3 .et_pb_text_inner a.maria-inline-course[href]:focus-visible {
  background-color: #1D6569 !important;
  border-color: #fff;
}

/* Full hirudotherapy description: match the adjacent standard Divi CTA. */
body.home #about :is(.maria-about-course-cta.et_pb_button, .maria-about-course-cta .et_pb_button) {
  box-sizing: border-box;
  display: inline-block;
  max-width: 100%;
  padding: .55em 1.1em !important;
  border: 0 !important;
  border-radius: 100px !important;
  background: #247C80 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  font-family: "Source Sans Pro", sans-serif !important;
  font-size: 29px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-align: center;
  text-decoration: none;
  white-space: normal;
  overflow-wrap: anywhere;
}
body.home #about :is(.maria-about-course-cta.et_pb_button, .maria-about-course-cta .et_pb_button):is(:hover, :focus-visible) {
  background: #1D6569 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
@media (max-width: 767px) {
  body.home #about :is(.maria-about-course-cta.et_pb_button, .maria-about-course-cta .et_pb_button) {
    font-size: 25px !important;
  }
}