@charset "utf-8";

#queryly_query { opacity: 0.7; z-index: 9999; color: black; margin: auto; padding: 8px; font-size: 20px; width: calc(100% - 90px); appearance: none; }

input#queryly_query[type="search"]::-webkit-search-cancel-button { appearance: none; display: none; }

#queryly_suggest { margin: auto; padding: 8px; font-size: 20px; width: calc(100% - 170px); position: absolute; z-index: -1; color: black; }

.queryly_hidden_element { display: none !important; }

.queryly_overlay { height: 0px; display: none; }

.queryly_search_header { background: black; color: rgb(255, 255, 255); box-shadow: rgb(136, 136, 136) 0px 1px 10px; position: fixed; top: -1000px; left: 0px; width: 100%; height: 130px; padding: 40px; transition: top 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94); overflow: hidden; box-sizing: border-box; z-index: -1; }

#queryly_toggle { position: relative; cursor: pointer; left: -100%; top: -100%; }

#queryly_toggle:checked ~ .queryly_search_header { z-index: 999999; top: 0px; }

#queryly_searchcontainer { width: 100%; }

#queryly_resultscontainer { width: 60%; }

@media (max-width: 1200px) {
  #queryly_searchsidebar { display: none; }
  #queryly_searchcontainer { width: auto; margin-left: 0px; padding: 20px; }
}