.search-filter-wrapper {
  width: 90%;
  background-color: white;
  max-width: 1100px;
  margin: 0 auto;
  padding: 0.25em; }

.search-filter {
  width: 100%;
  background-color: #222;
  padding: 1em;
  border-radius: 10px; }
  .search-filter div {
    text-align: center; }
  .search-filter ul {
    margin-left: 0; }
    .search-filter ul li {
      margin-top: 1rem; }
    .search-filter ul li:first-child {
      width: 100%; }
      .search-filter ul li:first-child input[type=text] {
        font-family: 'Nothing You Could Do', cursive;
        margin: 0 auto 1em;
        width: 80%;
        font-size: 2rem;
        padding: 1rem;
        border: 0; }
  .search-filter .search-filter-header {
    font: 27px/29px 'Nothing You Could Do', cursive;
    color: white;
    padding: 0 0 1em 1.25em; }
  .search-filter select {
    padding: 0.5em;
    font-size: 1.5rem;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding-right: 18px;
    background: url("../img/down-arrow-small.png") no-repeat 97% 50% #ffffff; }
    .ie8 .search-filter select, .ie9 .search-filter select, .ie10 .search-filter select, .ie11 .search-filter select, .ie .search-filter select {
      background: white; }
    .search-filter select#ofcategory {
      display: none; }
  .search-filter input[type=submit] {
    padding: 0.5em 1.5em;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    background: #fbc13d;
    color: #000000;
    border-radius: 2px;
    border: none;
    text-transform: uppercase;
    -webkit-appearance: none; }

/*# sourceMappingURL=search-filter.css.map */