.site-search {
  font-family: "Avenir", Arial, sans-serif;
  padding: 20px; }
  .site-search .search-bar {
    position: relative; }
  .site-search .search-input {
    padding: 10px;
    padding-right: 80px;
    font-family: "Avenir", Arial, sans-serif;
    font-size: 22px;
    color: #000;
    width: 100%;
    border: solid 1px #000; }
  .site-search .search-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 10px 20px;
    background-color: #000;
    outline: 0; }
  .site-search #facets ul {
    padding: 0;
    padding-top: 20px;
    margin: 0;
    list-style: none; }
    .site-search #facets ul li {
      margin-right: 5px;
      display: inline;
      font-family: "Avenir Next Condensed", Arial, sans-serif;
      font-size: 16px;
      text-transform: uppercase; }
      .site-search #facets ul li a, .site-search #facets ul li a:link, .site-search #facets ul li a:visited, .site-search #facets ul li a:active {
        padding: 10px 20px;
        color: #000;
        text-decoration: none;
        background-color: transparent; }
        .site-search #facets ul li a.selected, .site-search #facets ul li a:link.selected, .site-search #facets ul li a:visited.selected, .site-search #facets ul li a:active.selected {
          background-color: #E5FCFC; }
      .site-search #facets ul li a:hover {
        background-color: #eee; }
  .site-search #stats {
    padding-top: 30px; }
    .site-search #stats p {
      font-size: 14px;
      color: #999; }
  .site-search #content .result {
    padding: 16px 0px;
    border-bottom: solid 1px #ccc; }
    .site-search #content .result .title {
      font-size: 18px; }
      .site-search #content .result .title a, .site-search #content .result .title a:link, .site-search #content .result .title a:active {
        color: #1e9698; }
      .site-search #content .result .title a:visited {
        color: #86c4c4; }
      .site-search #content .result .title a:hover {
        color: #1ba8aa; }
    .site-search #content .result .url {
      font-size: 12px;
      color: #999; }
    .site-search #content .result .snippet {
      padding-top: 4px;
      font-size: 14px;
      color: #000; }
    .site-search #content .result .thumbnail img {
      padding-right: 20px;
      height: 60px;
      max-width: 60px;
      float: left; }
  .site-search #paging ul {
    padding: 0;
    padding-top: 20px;
    margin: 0;
    text-align: center;
    list-style: none; }
    .site-search #paging ul li {
      margin-right: 5px;
      display: inline;
      font-family: "Avenir", Arial, sans-serif;
      font-size: 14px;
      text-transform: uppercase; }
      .site-search #paging ul li a, .site-search #paging ul li a:link, .site-search #paging ul li a:visited, .site-search #paging ul li a:active {
        padding: 10px;
        color: #000;
        text-decoration: none;
        background-color: transparent; }
        .site-search #paging ul li a.selected, .site-search #paging ul li a:link.selected, .site-search #paging ul li a:visited.selected, .site-search #paging ul li a:active.selected {
          background-color: #E5FCFC; }
      .site-search #paging ul li a:hover {
        background-color: #eee; }

@media (max-width: 645px) {
  .site-search #facets ul {
    white-space: nowrap;
    overflow-x: scroll;
    padding-bottom: 20px; }
    .site-search #facets ul li a, .site-search #facets ul li a:link, .site-search #facets ul li a:visited, .site-search #facets ul li a:active {
      padding: 6px 8px; } }