/**
*
*
*    Advanced Ajax Search Bar
*    Copyright 2018  Inno-mods.io
*
*    @author    Inno-mods.io
*    @copyright Inno-mods.io
*    @version   1.0.0
*    Visit us at http://www.inno-mods.io
*
*
**/
.ajax-search-widget{
    position: relative;
}

@media only screen and (min-width: 0px) {
  .ajax-search-widget{
    width: 100%;
  }
  .ajax-search-results-wrapper.full-width{
    top: 50px;
  }
}

@media only screen and (min-width: 767px) {
  .ajax-search-widget{
    width: unset;
  }
  .ajax-search-results-wrapper.full-width{
    top: unset;
  }
}

.ajax-search-results-wrapper {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 8000;
    background: #fff;
    -webkit-box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
}

.ajax-search-results-wrapper.full-width .results-header{
  display: block;
  text-align: center;
  padding: 25px 0 15px 0;
  font-weight: 700;
  color: #232323;
}


.ajax-search-results-wrapper.full-width .ajax-search-results{
  max-height: 650px;
  overflow-y: scroll;
  margin: 10px;
}

.ajax-search-results-wrapper.classic .results-header{
  display: none;
}

.ajax-search-results-wrapper.full-width .close-overlay{
  position: absolute;
  right: 20px;
  opacity: 1;
  top: 20px;
}


.ajax-search-results-wrapper.classic .no-products-found{
  background: #fff;
  display: block;
  margin: 10px;
  padding: 5px;
}

.ajax-search-results-wrapper.full-width .no-products-found{
  background: #fff;
  display: block;
  margin: 10px;
  padding: 5px;
  text-align: center;
}

.ajax-search-results .link{
  background: #fff;
  display: block;
  margin: 10px;
  padding: 5px;
}



.ajax-search-results .link:hover{
  background: #fafafa;
}

@media only screen and (min-width: 0px) {
  .ajax-search-results-wrapper.full-width .ajax-search-results .link{
    min-height: 300px;
    width: 100%;
  }
}

@media only screen and (min-width: 300px) {
  .ajax-search-results-wrapper.full-width .ajax-search-results .link{
    min-height: 300px;
    width: 44%;
    float: left;
  }
}

@media only screen and (min-width: 600px) {
  .ajax-search-results-wrapper.full-width .ajax-search-results .link{
    min-height: 300px;
    width: 29%;
    float: left;
  }
}

@media only screen and (min-width: 1000px) {
  .ajax-search-results-wrapper.full-width .ajax-search-results .link{
    min-height: 300px;
    width: 17%;
    float: left;
  }
}

.ajax-search-results-wrapper.full-width .ajax-search-suggestion .cover{
  width: 100%;
}

.ajax-search-results-wrapper.classic .ajax-search-suggestion .cover{
  width: 30%;
  float: left;
}

.ajax-search-suggestion .cover img{
  width: 100%;
}

.ajax-search-results-wrapper.full-width .ajax-search-suggestion .info{
  width: 100%;
  padding: 0 0 0 5px;
}

.ajax-search-results-wrapper.classic .ajax-search-suggestion .info{
  width: 70%;
  float: left;
  padding: 0 0 0 5px;
}

.ajax-search-results-wrapper.full-width .ajax-search-suggestion .title{
  display: block;
  color: #7a7a7a;
  font-size: 14px;
  text-decoration: none;
  text-align: center;
  font-weight: 400;
}

.ajax-search-results-wrapper.classic .ajax-search-suggestion .title{
  display: block;
  color: #7a7a7a;
  font-size: 14px;
  text-decoration: none;
  text-align: left;
  font-weight: 400;
}

.ajax-search-results-wrapper.full-width .ajax-search-suggestion .manufacturer{
  display: block;
  color: #524a4a;
  font-size: 12px;
  text-decoration: none;
  text-align: center;
  font-weight: 400;
}

.ajax-search-results-wrapper.classic .ajax-search-suggestion .manufacturer{
  display: block;
  color: #524a4a;
  font-size: 12px;
  text-decoration: none;
  text-align: left;
  font-weight: 400;
}

.ajax-search-results-wrapper.full-width .ajax-search-suggestion .price{
  display: block;
  color: #232323;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.ajax-search-results-wrapper.classic .ajax-search-suggestion .price{
  display: block;
  color: #232323;
  font-size: 16px;
  font-weight: 700;
  text-align: left;
}

.ajax-search-load-more-wrapper{
    font-size:15px;
    text-align: center;
    padding: 15px;
    cursor: pointer;
    font-weight: 700;
    color: #232323;
}

.ajax-search-suggestion .clear{
    clear:both;
}

body#search #content-wrapper .ajax-search-widget{
    width: 100%;
}

body#search #content-wrapper .ajax-search-widget form{
    width: 100%;
}