/* ============================================================*/
/***** 2020 Search Results - Algolia *****/
/* ============================================================*/
 .ais-hierarchical-menu--header.ais-header{
  color: #FF5F27 !important;
  font-weight: 600 !important;
}

#algolia-hits .search-result-link{
  color: #240602;
}
#algolia-facets .ais-hierarchical-menu--link{
  color: #240602;
}

#algolia-hits .ais-highlight{
  color: #FF5F27 !important;
}

#algolia-hits .search-result-link:hover,
#algolia-facets .ais-hierarchical-menu--link:hover{
  color: #FF5F27 !important;
}

#algolia-hits .search-result-link .ais-highlight::before {
  background-color: #240602;
}

.search-results .ais-with-style.ais-search-box:before {
  top:23px !important;
}

#algolia-query{
  width: 100%;
  font-size: 16px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 16px #00000017;
  border-right: none;
  outline: none;
  letter-spacing: 1px;
  border: white;
  border-radius: 4px;
}

#algolia-query::placeholder {
  color: rgba(87, 87, 86, 0.8);
  /* font-style: italic; */
}

#algolia-query:focus::placeholder {
  color: transparent;
}


/* ============================================================*/
/***** Search results *****/
/* ============================================================*/

.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
  }
}
.search-results-column {
  flex: 1;
}
@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 45%;
  }
}
.search-results-list {
  margin-bottom: 25px;
}
.search-results-list > li {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
.search-results-list > li > a {
  color: #333;
}
.search-results-list > li:first-child {
  border-top: 1px solid #ddd;
}
.search-result-description {
  margin-top: 15px;
}
.search-result-description em {
  background: #ddd;
}
.search-result-votes,
.search-result-meta-count {
  color: lighten($text_color, 20%);
  display: inline-block;
  font-size: 13px;
  font-weight: 300;
  padding: 4px 5px;
  position: relative;
}
[dir="ltr"] .search-result-votes,
[dir="ltr"] .search-result-meta-count {
  margin-left: 5px;
}
[dir="ltr"] .search-result-votes:before,
[dir="ltr"] .search-result-meta-count:before {
  margin-right: 3px;
}
[dir="rtl"] .search-result-votes,
[dir="rtl"] .search-result-meta-count {
  margin-right: 5px;
}
[dir="rtl"] .search-result-votes:before,
[dir="rtl"] .search-result-meta-count:before {
  margin-left: 3px;
}
.search-result-votes::before {
  content: "\1F44D";
}
.search-result-meta-count::before {
  content: "\1F4AC";
}
.search-result .meta-group {
  align-items: center;
}
.search-result-breadcrumbs {
  margin: 0;
}
.search-result-breadcrumbs li:last-child:after {
  content: "·";
  display: inline-block;
  margin: 0 5px;
}
/***** Pagination *****/

.pagination {
  margin: 20px 0;
  text-align: center;
}
.pagination * {
  display: inline-block;
}
.pagination li {
  border-radius: 50%;
  height: 40px;
  float: left;
  width: 40px;
}
@media (min-width: 768px) {
  .pagination li {
    height: 30px;
    width: 30px;
  }
}
[dir="rtl"] .pagination li {
  float: right;
}
.pagination li:hover:not(.pagination-current) {
  background-color: #f3f3f3;
}
.pagination li:hover:not(.pagination-current) span,
.pagination li:hover:not(.pagination-current) a {
  color: $text_color;
  text-decoration: none;
}
.pagination a,
.pagination span {
  font-size: 15px;
  color: lighten($text_color, 20%);
  padding: 10px 12px;
}
@media (min-width: 768px) {
  .pagination a,
  .pagination span {
    font-size: 13px;
    padding: 5px 12px;
  }
}
.pagination-current {
  background-color: $brand_color;
}
.pagination-current a,
.pagination-current span {
  color: $brand_text_color;
}
.pagination-first {
  border-radius: 3px 0 0 3px;
}
[dir="rtl"] .pagination-first {
  border-radius: 0 3px 3px 0;
}
.pagination-last {
  border-radius: 0 3px 3px 0;
}
[dir="rtl"] .pagination-last {
  border-radius: 3px 0 0 3px;
}
/***** Metadata *****/

.meta-group {
  display: block;
}
.meta-group * {
  display: inline;
}
.meta-data {
  color: lighten($text_color, 20%);
  font-size: 13px;
  font-weight: 300;
}
.meta-data:not(:last-child)::after {
  content: "\00B7";
  margin: 0 5px;
}
/***** Icons *****/

[class^="icon-"]:before,
[class*=" icon-"]:before,
.icon,
.search:before,
.article-vote:before,
.attachments .attachment-item:before,
.share a:before,
.vote-up:before,
.vote-down:before,
.actions .dropdown-toggle:before,
.collapsible-nav-list li[aria-selected="true"]::after,
.collapsible-sidebar-title:after,
.search-result-votes::before,
.search-result-meta-count::before {
  font-family: "copenhagen-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
  line-height: 1em;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
}
.icon-lock:before {
  content: "\1F512";
}
.icon-star:before {
  content: "\2605";
}
.icon-linkedin:before {
  content: "\e900";
}
.icon-twitter:before {
  content: "\e901";
}
.icon-googleplus-:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\e903";
}
.icon-agent:before {
  content: "\1F464";
}
.icon-close:before {
  content: "\2715";
}
.icon-arrow-up:before {
  content: "\2B06";
}
.icon-arrow-down:before {
  content: "\2B07";
}
.icon-attachments:before {
  content: "\1F4CE";
}
.icon-comments:before {
  content: "\1F4AC";
}
.icon-search:before {
  content: "\1F50D";
}
.icon-vote:before {
  content: "\1F44D";
}
.icon-handle:before {
  content: "\25BE";
}
.icon-check:before {
  content: "\2713";
}
.icon-gear:before {
  content: "\2699";
}
.icon-menu:before {
  content: "\2630";
}
.icon-article:before {
  content: "\1F4C4";
}
.icon-post:before {
  content: "\1F4D4";
}
.icon-notification-alert:before {
  content: "\26A0";
}
.icon-notification-error:before {
  content: "\00D7";
}
.icon-notification-info:before {
  content: "\2139";
}
.icon-notification-success:before {
  content: "\2714";
}
