/*
Plugin Name: Sky Adrenaline Products Search
Plugin URI:  https://www.skyminds.net/hire-me/
Description: Implements Woocommerce Product Search for Adrenaline.
Version:     1.0-20170316
Author:      Matt Biscay
Author URI:  https://www.skyminds.net/hire-me/
*/
/* FORM : position search form + style */
form.product-search-form {
    position: absolute;
    right: 10px;
    top: 1%;
    margin-top: -84px;
    width: 220px;
    border-radius: 4px 4px 4px 4px;
    background-clip: padding-box;
    border: solid 1px #dfdfdf;
    padding: 1px;
}

/* FIELD : search field */
.product-search-field {
  background-color: #ffffff !important;
  margin-bottom: 0;
  border: none;
  font-size: 17px;
  padding: 4px 4px 4px 34px;
  box-sizing: border-box;
  font-family: 'UrbanoLightCondensed', sans-serif;
}

/* SEARCH RESULTS : position search results + style */
.product-search.floating .product-search-results {
    position: absolute;
    z-index: 10;
    background: #fff;
    border: 1px solid #ccc;
    margin: -1px 0 0 0;
    right: 0;
    top: -40px;
    width: 300px !important;
}

/* SEARCH RESULTS : more style */
.product-search-results .entry span.title {
    font-size: 150% !important;
    word-wrap: normal;
    white-space: pre-wrap;
}

/* SEARCH ICON */
.product-search-form[method="get"]::before{
    font-family: "FontAwesome";
    content: "\f002";
    color: #000;
    position: absolute;
    font-size: 18px;
    left: 12px;
    top: 6px;
}

/* sticky fingers */
body.sticky-header #masthead .header-main form.product-search-form {
  top: auto;
  bottom: 5px;
  overflow: hidden;
  width: 37px;
  transition: width 0.5s ease;
}
body.sticky-header #masthead .header-main form.product-search-form:hover {
  width: 220px;
}