#content .search section {
  align-items: center;
  display: grid;
  grid-auto-flow: dense;
  grid-gap: var(--ws-grid-gap);
  grid-template-columns: repeat(8, 1fr);
  position: relative;
  overflow: auto;
  border-top: 1px dashed #CCC;
  margin-top: 1.75em;
  padding-top: 2em;
}

#content .search section>div {
  grid-column: 1 / 6;
}

#content .search section>figure {
  float: none;
  grid-column: 7 / 9;
  margin: 0;
  max-width: 100%;
}

#content .search section>figure a {
  display: block;
}

#content .search section>figure a>img {
  height: auto;
  width: 100%;
}

#content .search section>p br {
  display: none
}

#content .searchRelevance {
  float: right;
  padding: 5px 0 0 0
}

#content .search form {
  display: flex;
  justify-content: space-between;
}

#content .search input {
  font-size: 1rem;
  width: calc(100% - 9em);
}

#content .search button[type="submit"] {
  width: 8em;
}

#content .search section>figure img {
}

input[type=search]::-ms-clear {
  display: none;
  width : 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width : 0;
  height: 0;
}

/* clears the X from Chrome */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.search section h2 {
  font-size: 1.5em;
  margin: 0;
}

.search section time {
  display: block;
  margin: .25em 0 .75em;
}

.search section h2>a:not(:hover,:focus) {
  color: #000;
}

.search section p {
  margin-top: 0;
  margin-bottom: 0;
}



@media screen and (max-width: 750px) {

  #content .search section>figure {
    display: none;
  }

  #content .search section>div {
    grid-column: 1 / -1;
  }

  #content .search input[type="search"] {
    width: calc(100% - 5.75em)
  }

  #content .search input[type="submit"] {
    margin-top: 1rem
  }
}