/*
 * search.scss
 * -----------------------------------------------
*/
body.error404 .search-box,
.sidebar-area .widget_search,
.footer-widget-area .widget_search,
body.search .new-search-form {
  .search-form {
    position: relative;
    margin: 0px;
    input[type="text"] {
      position: relative;
      line-height: 40px;
      padding: 19px 80px 19px 35px;
      background: #f4f5f8;
      color: #222;
      display: block;
      letter-spacing: 0px;
      width: 100%;
      height: 80px;
      border: 1px solid #f4f5f8;
      border-radius: 7px;
      transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -webkit-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
      -o-transition: all 500ms ease;
    }
    input[type="search"] {
      position: relative;
      line-height: 40px;
      padding: 19px 80px 19px 35px;
      background: #f4f5f8;
      color: #222;
      display: block;
      font-weight: 300;
      letter-spacing: 0px;
      width: 100%;
      height: 80px;
      border: 1px solid #f4f5f8;
      border-radius: 7px;
      transition: all 500ms ease;
      -moz-transition: all 500ms ease;
      -webkit-transition: all 500ms ease;
      -ms-transition: all 500ms ease;
      -o-transition: all 500ms ease;
    }
    input {
      &:focus {
        border-color: #222;
        box-shadow: none;
      }
    }
    button {
      position: absolute;
      right: 20px;
      top: 0px;
      border: none;
      outline: none;
      padding: 0;
      height: 80px;
      width: 60px;
      line-height: 80px;
      display: block;
      font-size: 24px;
      color: #aaa;
      background: none;
      font-weight: normal;
      @include transition(all .3s ease);
      &:hover {
        color: #181b1f;
      }
    }
  }
}

body.search .new-search-form {
  margin-bottom: 60px;
  .search-title {
    margin-top: 0;
  }
  .search-text {
  }
  .search-form input[type="search"] {
    margin-top: 20px;
  }
}
body.search-results {
  .main-content-area {
    .entry-title {
      margin-top: 0;
    }
  }
}