/*##############################################################################
## Media Queries                                                               #
##############################################################################*/
li.search_now {
  display: inline-block; }
  li.search_now button.open_search {
    background: none;
    color: #333;
    padding: 0;
    width: calc(24px*2.5);
    height: calc(24px*1.5);
    display: flex;
    align-items: center;
    justify-content: center; }

li.search_cont {
  display: none; }
  li.search_cont form {
    padding: 24px;
    display: grid;
    grid-template-columns: 1fr calc(24px*3);
    margin: auto;
    max-width: calc(100% - 546px);
    min-width: 320px; }
    @media only screen and (max-width: 1024px) {
      li.search_cont form {
        min-width: 100%;
        max-width: 100%;
        padding: 24px 0; } }
    li.search_cont form label {
      display: grid;
      grid-gap: calc(24px/2); }
      li.search_cont form label span {
        display: none; }
      li.search_cont form label input {
        border-top-left-radius: 8px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 8px; }
    li.search_cont form button {
      width: 100%;
      height: 100%;
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      border-top-left-radius: 0;
      border-top-right-radius: 8px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 0; }

div#search_cont {
  display: grid;
  grid-gap: 24px; }
  div#search_cont h2.results_title {
    margin: 0;
    padding: 24px;
    background-image: url(../images/sidebar_bg.png); }
    div#search_cont h2.results_title span {
      background: white;
      padding: 24px;
      display: block; }
  div#search_cont ul.search_page_grid {
    display: grid;
    grid-gap: 24px; }
    div#search_cont ul.search_page_grid li {
      padding: 24px 0;
      border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
      div#search_cont ul.search_page_grid li h3 {
        color: #333; }
  div#search_cont ul.search_grid {
    display: grid;
    grid-gap: calc(24px);
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
    div#search_cont ul.search_grid li {
      position: relative; }
      div#search_cont ul.search_grid li a {
        display: grid;
        grid-gap: calc(24px/2);
        height: 100%; }
        div#search_cont ul.search_grid li a img {
          object-fit: cover;
          height: 200px;
          width: 100%; }
        div#search_cont ul.search_grid li a span {
          display: block;
          font-size: 1.04rem;
          overflow-wrap: break-word;
          overflow: auto; }
          div#search_cont ul.search_grid li a span::first-letter {
            text-transform: uppercase; }

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