/* EUTOPIA - OFFCANVAS SEARCH */

#offcanvas-search.offcanvas-top {
  height: auto !important;
  min-height: 0 !important;
  background: #ffffff !important;
}

#offcanvas-search .container.pt-5.pb-5 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 16px !important;
  padding-right: 60px !important;
  max-width: 100% !important;
}

#offcanvas-search .region-nav-search,
#offcanvas-search #block-winns-searchform,
#offcanvas-search #search-block-form,
#offcanvas-search .form-item-keys {
  width: 100% !important;
  margin: 0 !important;
}

#offcanvas-search #search-block-form {
  position: relative !important;
}

#offcanvas-search input#edit-keys.form-search {
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 10px 15px 10px 48px !important;
  font-size: 17px !important;
  color: #202938 !important;
  background: #f6f7f9 !important;
  border: 1px solid #e2e5e9 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

#offcanvas-search input#edit-keys:focus {
  outline: none !important;
  border-color: #f47716 !important;
  background: #ffffff !important;
}

#offcanvas-search input#edit-keys::placeholder {
  color: #9298a2 !important;
}

#offcanvas-search #search-block-form::before {
  top: 50% !important;
  left: 14px !important;
  transform: translateY(-50%) !important;
  font-size: 19px !important;
}

#offcanvas-search .form-actions {
  margin: 0 !important;
}

@media (max-width: 767.98px) {
  #offcanvas-search .container.pt-5.pb-5 {
    padding: 12px 55px 12px 10px !important;
  }

  #offcanvas-search input#edit-keys.form-search {
    height: 46px !important;
    min-height: 46px !important;
    font-size: 16px !important;
  }
}