.search-bar--wrapper{align-items:center;background-color:#fff;border:1px solid #f2f2f2;border-radius:36px;display:none;max-height:55px;min-width:300px;padding:.5rem .5rem .5rem .75rem}@media (min-width:768px){.search-bar--wrapper{display:flex}}.search-bar--wrapper .icon{color:#a6a6a6}.search-bar--wrapper>.icon-search{transform:translate(4px)}.search-bar--wrapper .search-input{border-color:transparent;color:#404040;font-size:.875rem;font-weight:lighter;padding-left:.5rem;width:100%}.search-bar--wrapper .search-input:focus{outline-color:transparent}.search-bar--wrapper .search-input::-moz-placeholder{font-family:bbnewsFont}.search-bar--wrapper .search-input::placeholder{font-family:bbnewsFont}.search-bar--wrapper button.clear{color:#a6a6a6;font-size:1.25rem;margin-right:.25rem;padding:.25rem}@media (min-width:768px){.search-bar--wrapper button.clear{font-size:.875rem}}.search-bar--wrapper button.search{background:linear-gradient(90deg,#f58220 0,#ee3224);border:unset;border-radius:35px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.875rem;height:40px;min-width:60px;padding:.5rem .35rem;transition:.2s;width:80px}.search-bar--wrapper button.search .icon{position:relative;top:-2px}@media (min-width:768px){.search-bar--wrapper button.search .icon{top:0}.search-bar--wrapper button.search{font-size:.875rem}}.search-bar--wrapper button.search:hover{background-color:#f68a1f;box-shadow:0 1px 2px #f03f21aa;transition:.2s}.search-bar--wrapper button.search:hover .icon{color:#fff}