/* Search Page Content */

#search-heading /* Title at top of results page */ {
  font-size: 2.75rem;
  font-weight: bold;
  line-height: 28px;
  margin-bottom: 1.6em;
}

#results /* Specific content area to search page */ {
  padding-left: 12% !important;
  padding-right: 12% !important;
  margin-top: 88px;
  margin-bottom:100px;
  position: relative;
}

#results li {
  margin-bottom: 8px;
}

.searchresult li {
  padding: 0.8em 0;
}

.searchresult, .searchresult * {
  margin-left: 0;
}

.searchresult .shortdesclink{
  padding-right:8%;
  margin-top:0 !important;
}

.searchresult > li /* Containers for individual search results */ {
  display: grid;
}

.foundResult /* Result title container */ {
  color: #00646E !important;
  font-weight: bold;
  font-size: 1rem;
  margin-left: 0 !important;
  grid-row: 1;
}

.search-breadcrumb /* Result location container */ {

  grid-row: 2;
}

.search-breadcrumb li:first-child /* First shape in result path */{
  margin-top: var(--lspace);
}

.shortdesclink /* Result description container */ {
  font-style: italic;
  grid-row: 3;
}

.searchItemAdditionalData /* Result relevance container */ {
  grid-row: 3;
  margin-top: 0.2em;
}

.wh_search_results_header_docs {
  margin-bottom: 10px;
  font-size: 1.2em;
}

.searchresult li a.foundResult {
  font-size: 1.2em;
}

#rightDiv /* Star container */ {
  padding: 5px !important;
}

div.search-breadcrumb > ol > li > span > a /* Path element text */ {
  width: max-content;
  position: relative;
  background: #A4E9E6;
  color: var(--font-color);
}

div.search-breadcrumb > ol > li > span > a:before /* Used for creating shape, code source: https://css-tricks.com/the-shapes-of-css/ */ {
  content: "";
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 10px solid #A4E9E6;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  padding-left: 0px;
}

.search-breadcrumb > ol > li:last-child > .title > a::before /* Last path shape loses point */ {
  display: none;
}

.search-breadcrumb li a {
  background: #ECF2F9;
}
.search-breadcrumb li .title:before,
.search-breadcrumb li .title:after {
  border-color: #A4E9E6;
}
.search-breadcrumb li .title:before {
  border-left-color: transparent;
}
.search-breadcrumb li .title:after {
  border-color: transparent;
  border-left-color: #ECF2F9;
}


.pagination {
  background: none;
  width: auto;
  margin-top: 70px;
}

#wh-search-pagination > ul > li.prev.disabled.page-item > a, #wh-search-pagination > ul > li.next.page-item > a /* Previous and Next buttons */{
  padding-right: 10px;
  padding-left: 10px;
}

#wh-search-pagination > ul > li.active > a, #wh-search-pagination > ul > li.active > a:hover {
  background: var(--deep-blue-80) !important;
  color: white !important;
}

.page-item > a {

  color: var(--deep-blue);
  background-color: var(--light-grey);
  border: none;
  font-size: 1.8rem;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 1px;
  height: fit-content;
  width: fit-content;
  min-height: 44px;
  min-width: 44px;
  text-align: center;

}

.page-item > a:hover{
  background-color: var(--light-sand) !important;
  color: var(--deep-blue) !important;
}


.page-link:focus {
  box-shadow:none !important;
}

.page-item > a p {
  position: absolute;
  top: 20px;
}

li.prev.page-item {
  margin-top: 7px !important;
}

/* Search Relevance Icons */

#star .curr {
  background: url("../../images/block.png") !important;
  height: 17px;
  width: 17px;
}

#star .star {
  background: url("../../images/block-empty.png") !important;
  height: 17px;
}

.star {
  z-index: 5 !important;
}