@media screen and (min-width: 601px) {
  .hrSearchResultsRegion .rdsRegionTitle {
    width: 21.75em;
  }
}

@media screen and (min-width: 651px) {
  .searchTermPre {
    padding-top: 0.15em;
  }
}  

/* gazetted field wraps at about 750px, 
 * so get rid of the top padding between "line breaked" fields */
@media screen and (max-width: 750px) {
  span.lf {
    padding-top:0;
  }
} 
@media screen and (min-width: 751px) {
  span.lf {
    padding-top:1em;
  }
} 

.t-SearchResults-title a:link {
  text-decoration: none;
  cursor: pointer;
  color: black;
}
.t-SearchResults-title a:hover {
  text-decoration: underline;
  color: black;
}
.t-SearchResults-title a:visited {
  color: black;
}

.t-SearchResults-item {
  padding-bottom: 1em;
}

.t-SearchResults-list {
  margin:0;
  padding:0;
  list-style: none;
}

span.lf {
  display:block;
  clear:left;
  padding-bottom: 0.5em;
}

.t-SearchResults-misc-lbl {
  font-weight: bold;
}

.t-SearchResults-misc {
  padding: 0 2.8em 0 0.5em;
}

.lastcol {
  padding-right: 0;
}

.t-SearchResults-thumb {
  float: right;
  display: block;
}

.t-SearchResults-thumb img {
  float:right;
  height: 5rem;
  padding: 0.1em;
  border: 1px solid lightgrey;
}

.t-SearchResults-link {
  clear: both;
  padding-top: 0.5em;
  float: right;
  display: block;
  text-decoration: underline;
}

/* Card style */

.t-searchResults-card-c {
  padding: 1em;
}

.t-SearchResults-card {
  /* Add shadows to create the "card" effect */
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.t-SearchResults-card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* pagination */

span.t-Report-paginationText {
  font-weight: bold;
  display: block;
  float: left;
  margin-left: -13px; /* apex pagination spacing hack fix */
}

.t-Report-paginationLink--prev {
  margin-left: -13px; /* apex pagination spacing hack fix */
  margin-right: 13px; /* apex pagination spacing hack fix */
}

/* csv anchor link button */
.csvLink a {
  font-size: 0.825rem !important;
  text-decoration: none !important;
  background-color: #EEEEEE;
  color: #333333 !important;
  padding: 0.15em 0.3em 0.15em 0.3em;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

.csvLink {
  margin-bottom: 1em;
}

/* Search Term Bar */
.searchTermPre {
  float: left;
  padding-right: 0.15em;
}
.searchTerm {
  font-size: 0.825rem;
  text-decoration: none;
  background-color: #F8F8FF;
  color: darkslategrey;
  padding: 0.15em 0.3em 0.15em 0.3em;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  margin-right: 1em; 
  white-space: nowrap;
}