.main-content--front .block-constellation-banner-block {
  margin-bottom: 46px;
}

.home-hero .usa-hero__callout {
  background-color: transparent;
  max-width: 100%;
}

.home-hero .usa-hero__callout form {
  display: flex;
  align-items: end;
  max-width: 100%;
  backdrop-filter: blur(10px);
  padding: 8px;
  border-radius: 8px;
}

.home-hero .usa-hero__callout form .form-type-textfield {
  width: 100%;
}

.home-hero .usa-hero__callout form label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.home-hero .usa-hero__callout form .usa-label {
  color: #ffffff;
}

.home-hero .usa-hero__callout form .form-text,
.home-hero .usa-hero__callout form .form-submit {
  margin: 0;
}


/* Hero and Search form desktop styling */
.home-hero #views-exposed-form-dkan-dataset-search-dataset-search .form-item:not(:first-child),
.home-hero #views-exposed-form-dkan-dataset-search-dataset-search .form-actions {
    margin-left: 16px;
}


/* Hero and Search form styling Mobile Styling */
@media (max-width: 767px) {

  .home-hero .usa-hero__callout form {
    backdrop-filter: unset;
  }

  /* Alter the heading so it's readable on mobile */
  .hero-title { 
    font-size: 1.5em;
    line-height: 1.2;
    margin-bottom: 1rem;
  }

  /* Make full width */
  .home-hero #views-exposed-form-dkan-dataset-search-dataset-search .form-item input {
    width: 100%;
    min-height: 44px;
  }


  /* Force the rows to be on different lines in mobile */
  .home-hero #views-exposed-form-dkan-dataset-search-dataset-search {
    flex-wrap: wrap;
    padding-left: 0;
  }

  .home-hero #views-exposed-form-dkan-dataset-search-dataset-search .form-item {
      flex: 1 1 100%;
  }

  /* Remove desktop margin we added to the gutter */
  .home-hero #views-exposed-form-dkan-dataset-search-dataset-search .form-item:not(:first-child),
  .home-hero #views-exposed-form-dkan-dataset-search-dataset-search .form-actions {
    margin-left: 0;
  }

  .home-hero #views-exposed-form-dkan-dataset-search-dataset-search .form-item:not(:last-child),
  .home-hero #views-exposed-form-dkan-dataset-search-dataset-search .form-actions:not(:last-child) {
    margin-bottom: 25px;
  }

}