#main {
  #search-form {
    .form-wrapper {
      display: flex;
      align-items: end;
      margin-bottom: 0;
      gap: 0;

      .form-type-search {
        width: calc(100% - 142px);
        margin: 0;

        .form-search {
          height: 50px;
          padding-right: 15px;
          padding-left: 15px;
          border-top-right-radius: 0;
          border-bottom-right-radius: 0;
          font-size: 26px;
          line-height: 50px;
        }
      }

      .form-submit {
        width: 142px;
        height: 50px;
        margin: 0;
        padding-right: 30px;
        padding-left: 53px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        background-image: url('../images/search.svg');
        background-repeat: no-repeat;
        background-position: 24px 50%;
        background-size: 18px 18px;
        line-height: 50px;

        &:hover {
          color: var(--black);
          border-color: var(--primary);
          background-color: var(--primary-vivid);
          background-image: url('../images/search-hover.svg');
        }
      }
    }

    .search-help-link {
      display: inline-block;
      padding: 20px 10px 0 10px;
      font-size: 16px;
    }

    // h2 prev element class & (#search-form)
    & + h2 {
      margin-bottom: 35px;
      padding-top: 60px;
      font-size: 20px;
      font-weight: 400;
    }
  }

  ol.search-results {
    margin: 0;
    padding: 0;

    li {
      margin: 0 0 35px 0;
      padding: 0;

      .search-result__title {
        margin: 0 0 10px 0;
        padding: 0;
        color: var(--black);
        font-size: 26px;
        font-weight: normal;
        font-weight: 600;
        line-height: 1.3;

        a {
          color: var(--black);

          &:hover {
            color: var(--primary);
          }
        }
      }

      .search-result__snippet {
        strong {
          color: var(--primary);
        }
      }
    }
  }
}
