/* @search-results */
body.search-results {
  h1 {
    text-transform: capitalize;
  }
}

.results-count {
  margin-top: $small-spacing;
}

// .search-results-main {

// 	&__inner {
// 	    width: 100%;
// 	    position: relative;
// 	   	max-width: $container-width;
// 	    margin: 0 auto;

//       ul {
//         list-style-type: none;
//         padding: 0 2rem;

//         li {
//           margin: 1.5rem 0;
//           padding: 1rem;
//           background-color: #fff;
//           max-width: 960px;
//         box-shadow: rgba(0, 111, 238, 0.05) 0px 0px 50px, rgba(0, 111, 238, 0.05) -4px 0px 50px, rgba(0, 111, 238, 0.05) -12px 0px 50px, rgba(0, 111, 238, 0.05) -24px 0px 50px;

//           span {
//             text-transform: uppercase;
//             color: #eb0047;
//           }
//           h3 {
//             margin: 0;
//           }
//           a h3 {
//             cursor: pointer;
//           }
//           p {
//             margin: 0;
//             a.read-more {
//               display: inline-block;
//               width: 30px;
//               text-indent: -3000px;
//               position: relative;
//               &:after {
//                 content: "…";
//                 font-size: 200%;
//                 font-weight: bold;
//                 position: absolute;
//                 left: 0;
//                 bottom: 0.4rem;
//                 width: 30px;
//                 text-indent: 0;
//               }
//             }
//           }
//         }
//       }
// 	}

.search-filter-bar {
  display: flex;
  
  @media (max-width: #{$medium-screen - 1}) {
    flex-direction: column;
  }

  @media (min-width: $medium-screen) {
    height: 80px;
  }

  &__left {
    flex: 1;
    height: 80px;
    background-color: #006fee;
    .search {
      position: relative;
      width: 100%;
      height: auto;
    }
    .search__field {
      width: 100%;
      height: 80px;
      label {
        line-height: 80px;
        color: #fff;
        display: inline-block;
        padding-right: 1rem;
        float: left;
        font-weight: 900;
      }
      input {
        border: none;
        color: #fff;
        position: absolute;
        right: 0;
        top: 4px;
        width: 100%;
        background-color: #006fee;
        font: 200 20px Biryani, sans-serif;
        padding-right: 80px;
        padding-left: $large-spacing;
        line-height: 72px;
      }
      button {
        position: absolute;
        right: 0;
        top: 0;
        width: 80px;
        height: 80px;
        svg {
          fill: #fff;
        }
      }
    }
  }

  &__right {
    flex: 1;
    height: 80px;
    background-color: #fff;
    display: flex;
    justify-content: flex-end;
    padding-right: 3rem;

    @media (max-width: #{$medium-screen - 1}) {
      padding-right: 0;

      > div {
        width: 100%;
        padding: 0 2rem;
      }
    }

    label {
      line-height: 80px;
      color: #000;
      display: inline-block;
      padding-left: 2rem;
      float: left;
      font-weight: 900;
      width: auto;
    }

    .select2 {
      margin-left: 2rem;
      margin-top: 16px;
      width: 280px !important;

      @media (max-width: #{$medium-screen - 1}) {
        display: block;
        margin-left: 0;
        width: 100% !important;
      }
    }
  }
}

// .search-filter-bar {
//   @include poly-padding--large;
//   width: 100%;
//   position: relative;
//   max-width: $container-width;  
//   margin: 0 auto;
//   display: flex;

//   &__left {
//     flex: 1;
//   }
// }

.search-results-listing {
  background-image: url('data:image/svg+xml;utf8,<svg width="60" height="100" xmlns="http://www.w3.org/2000/svg"><path fill="#B2B2B2" d="M58 0h2v5h-2z" fill-rule="evenodd"/></svg>');
  width: 100%;
  background-color: white;
  background-position: center top;
  padding: $large-spacing $base-spacing;

  &__inner {
    max-width: 100%;
    width: 861px;
    margin: 0 auto;
  }
}


.page-container:not(.theme-corporate) {
  .search__trigger {
    display: none;
  }
}