.view-search .form-item-keywords input {
  color: #006658 !important;
}
.view-search .nav-search-wrapper {
  background-color: #f4f7f6;
  padding-top: 2rem;
  margin-inline: calc(50% - 50vw);
}
.view-search .view-content {
  margin-top: 40px;
}
.view-search .views-row {
  margin-bottom: 60px;
}
.view-search .views-field-search-api-excerpt {
  margin-top: 20px;
}

.path-search .block-page-title-block {
  margin-bottom: 30px;
}
.view-search .views-exposed-form .form--inline {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.view-search .views-exposed-form .form--inline .form-type-textfield,
.view-search .views-exposed-form .form--inline .form-type-select {
  flex: 1;
}
.view-search .views-exposed-form .form--inline .form-type-textfield {
  float: none;
  margin-right: 0;
  label {
    font-family: "inter-semibold";
  }
  input {
    margin-top: 5px;
    border: 1px solid #006658;
    padding: 8px 15px;
    line-height: 1;
    background-color: white;
    &:focus-visible {
      outline: none !important;
    }
    &::placeholder {
      color: transparent;
    }
  }
}

.view-search .views-exposed-form .form--inline .form-type-select {
  select {
    margin-top: 5px;
    border: 1px solid #006658;
    font-size: 20px;
    line-height: 1;
    &:focus {
      outline: none !important;
    }
  }
  display: flex;
  flex-direction: column;
  margin-top: 0;
}

.view-search .views-exposed-form .form--inline .form-actions {
  flex: 0 0 100%;
  margin-top: 0;
  input {
    margin-top: 0;
    font-family: "inter-semibold";
  }
}

.view-search .view-empty {
  margin-top: 2rem;
}

@media (max-width: 689px) {
  .view-search .views-exposed-form .form--inline {
    flex-direction: column;
    gap: 1.5rem;
  }

  .view-search .views-exposed-form .form--inline .form-type-textfield,
  .view-search .views-exposed-form .form--inline .form-type-select {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .view-search .views-exposed-form .form--inline .form-type-textfield input,
  .view-search .views-exposed-form .form--inline .form-type-select select {
    width: 100%;
    font-size: 14px;
  }

  .view-search .views-exposed-form .form--inline .form-actions {
    flex: 0 0 100%;
  }
}

.mainnav .views-exposed-form {
  margin: 0 !important;
  max-width: none !important;
  .form-item-keywords {
    margin-top: -8px;
    position: relative;
    label {
      display: none;
    }
    input {
      max-width: 220px;
      color: white;
      padding: 8px 8px 8px 2px;
      border-bottom: 1px solid white;
      font-size: inherit;
      &::placeholder {
        color: white;
        text-indent: -1px;
      }
    }
  }
  .form-item-datasource,
  .form-item-lang {
    display: none;
  }
  .form-actions {
    position: absolute;
    top: 10px;
    left: 235px;
    padding: 0;
    margin: 0;
    input {
      padding: 0;
      margin: 0;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%235AFDCA' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M1.47 13.36a9.06 9.06 0 1 0 16.68-7.1 9.06 9.06 0 1 0-16.68 7.1Zm14.75 2.86 7.03 7.03'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right center;
      background-size: 18px 18px;
      cursor: pointer;
      background-color: transparent;
      border: none;
      transition: none;
      color: transparent;
      &:hover {
        background-color: transparent;
      }
      width: 18px;
      height: 18px;
    }
  }
}