.region-header {
  padding: 1% 4% 1% 4%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  /*  justify-content: space-between; */
  align-items: center;
}

.region-header #block-centres-site-branding {
  /* flex-grow: 5; */
}

.region-header #block-centres-main-menu {
  /* flex-grow: 1; */
}

.region-header #block-centres-main-menu.hide {
  display: none;
}

.bars-solid {
  display: none;
  width: 30px;
  height: 30px;
  color: #fff;
  cursor: pointer;
}

.search-icon {
  cursor: pointer;
}

@media (max-width: 64em) {
  .bars-solid {
    display: flex;
    grid-row: 1;
    grid-column: 3;
  }
  .region-header {
    padding-right: 4%;
    column-gap: 40px;
    row-gap: 10px;
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    position: relative;
  }

  .region-header #block-centres-main-menu {
    display: grid;
    grid-template-columns: auto;
    grid-row: 2;
  }

  .search-icon {
    grid-column: 3;
    grid-row: 1;
  }

  .bars-solid {
    grid-column: 4;
    grid-row: 1;
  }
}

.region-header .search-block-form {
  display: none;
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
}

.region-header .search-block-form #search-block-form {
  display: flex;
  align-items: center;
  gap: 16px;
}
.region-header .search-block-form.open {
  display: block;
}

.region-header .search-block-form #search-block-form .form-type-search {
  /* display: block;
  width: 600px;
  height: 38px;
   transition: height 5s; */
}

.region-header
  .search-block-form
  #search-block-form
  .form-type-search
  .form-search,
.region-header
  .search-block-form
  #search-block-form
  .form-type-search
  .form-search:focus {
  padding: 8px 32px;
  border: 1px solid #153d6c;
}

.form-submit {
  padding: 5px 32px;
  border: none;
  background-color: #153d6c;
  color: white;
  border-radius: 4px;
}

*:focus {
  border-color: #153d6c !important;
}

@media (max-width: 58em) {
  .region-header .search-block-form {
    position: absolute;
    right: 25px;
    bottom: -50px;
    z-index: 1;
  }
}