div.curve {
  width:100%;
  height:100%;
  background-image: url('../images/wave-hero.svg');
  background-size:cover;
}

.ecp-header--landing-page {
  position: relative;
}

.ecp-header--landing-page::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 380px;
  background-image: url('../images/wavewhite.svg');
  background-repeat: no-repeat;
  background-position: center calc(100% + 1px); /* Removes the bottom 1px gap depending on viewport size - Buggy browser behavior. */
  background-color: var(--color-info-lightest);
}

.ecp-header--landing-page > div {
  position: relative;
  padding-top: 32px;
}

.ecp-header {
  padding-top: 32px;
}

.omb-expiration-info--landing-page {
  background-color: var(--omb-orange);
  border-radius: 9999px;
  padding: 4px 8px;
  display: inline-block;
}

.omb-expiration-info--landing-page span, .omb-expiration-info--landing-page span a {
  color: var(--color-white);
  line-height: var(--font-line-height-heading);
}

.omb-expiration-info--landing-page span a:focus {
  background-color: var(--color-focus-dark);
  box-shadow: none;
  color: currentColor;
  outline: 3px solid var(--color-focus-light);
  outline-offset: 1px;
}

.omb-expiration-info {
  background-color: transparent;
  padding: 4px 0;
}

.omb-expiration-info span,.omb-expiration-info span a {
  color: var(--omb-orange);
}

header.dc-c-header {
  margin-bottom: 0 !important;
}

form[data-webform-wizard-current-page="check_ecp_list"] #edit-ecp-header,
form[data-webform-wizard-current-page="about_you"] #edit-ecp-header,
form[data-webform-wizard-current-page="provider_site_information"] #edit-ecp-header,
form[data-webform-wizard-current-page="eligibility"] #edit-ecp-header,
form[data-webform-wizard-current-page="services_offered"] #edit-ecp-header,
form[data-webform-wizard-current-page="organization_information"] #edit-ecp-header,
form[data-webform-wizard-current-page="point_of_contact_information"] #edit-ecp-header,
form[data-webform-wizard-current-page="webform_preview"] #edit-ecp-header,
form[data-webform-wizard-current-page="webform_confirmation"] #edit-ecp-header {
  background-image: none;
  background-color: transparent;
}

@media (min-width: 1025px) {
  .ecp-header--landing-page > div::after {
    position: absolute;
    top: 90px;
    right: 0;
    content: '';
    height: 271px;
    width: 290px;
    display: block;
    background-image: url('../images/hero-logo.svg');
    background-repeat: no-repeat;
  }

  form[data-webform-wizard-current-page="check_ecp_list"] #edit-ecp-header > div::after,
  form[data-webform-wizard-current-page="about_you"] #edit-ecp-header > div::after,
  form[data-webform-wizard-current-page="provider_site_information"] #edit-ecp-header > div::after,
  form[data-webform-wizard-current-page="eligibility"] #edit-ecp-header > div::after,
  form[data-webform-wizard-current-page="services_offered"] #edit-ecp-header > div::after,
  form[data-webform-wizard-current-page="organization_information"] #edit-ecp-header > div::after,
  form[data-webform-wizard-current-page="point_of_contact_information"] #edit-ecp-header > div::after,
  form[data-webform-wizard-current-page="webform_preview"] #edit-ecp-header > div::after,
  form[data-webform-wizard-current-page="webform_confirmation"] #edit-ecp-header > div::after {
    background-image: none;
  }
}

/* NOT USED? */
/* #edit-form-intro h2 {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-normal);
} */
/* .dc-c-homepage--wrapper {
  background-image: url('../../../assets/images/wavewhite.png');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: rgba(207, 239, 252, 0.4);
} */