/*
 Theme Name:   Dokan Customized
 Description:  Dokan Child Theme
 Author:       Mattia Brusamento
 Template:     dokan
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

.search-product-form {
    background: #ffffff;
    /* margin-top: 32px; */
    padding: 22px 20px 20px 20px;
    /* box-shadow: 1px 1px 20px 0px #E9E9E9; */
    position: relative;
}

.search-product-location-filters{
    display: grid;
    grid-template-columns: 53% 42% 5%; /*columns widths*/
}

.search_element{
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);

}

@media (max-width: 767px){
   .search_element {
      font-size: 8px;
   }
}


.display-none {
   display: none !important;
}


.search-product-location-btn {
    border-radius: 50% !important;
    width: 45px !important;
    height: 45px !important;
    border: none;
}

    @media (max-width: 767px){
        .search-product-location-btn {
            border-radius: 50% !important;
            width: 35px !important;
            height: 35px !important;
            border: none;
        }
    }

.search-product-location-input {
    border: none !important;
    border-bottom: solid 1.5px lightgray !important;
    padding: 5px !important;
    background-color: #ffffff !important;
    width: 90%;
    font-size: 1.5em;
    margin: 3px;
}

.prod-cat-search {
   display: grid;
}

@media only screen and (min-width: 300px) {
   .prod-cat-search {
      grid-template-columns: 50% 50%;
   }
}
@media only screen and (min-width: 600px) {
   .prod-cat-search {
      grid-template-columns: 33% 33% 33%;
   }
}
@media only screen and (min-width: 1000px) {
   .prod-cat-search {
      grid-template-columns: 16% 16% 16% 16% 16% 16%;
   }
}

.prod-cat-search input {
  margin-right:100px;
}

.prod-cat-search input {
   margin:4px;
   border-radius:4px;
   overflow:auto;
   float:left;
}

.prod-cat-search label {
   float:left;
   margin-top: 1.5em;
   margin-right: 1em;
}

.prod-cat-search label span {
   text-align:center;
   display:block;
   border-radius:4px;
   padding: 3px 10px;
   color: #124F5C;
   border: 1px solid #9e9e9e;
}

.prod-cat-search label input {
   display: none;
}

.prod-cat-search input:hover + span {
   background-color: #FAFAFA;
   cursor: pointer;
}

.prod-cat-search input:checked + span {
   background-color:#4A707B;
   color:#fff;
}

.prod-cat-search input input:checked:hover + span {
   background-color:#4A707B;
   color:#fff;
}


.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 11px;
  padding-left: 20px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}