/**
 * Styling search results page
 */
.com-finder * {
  margin-bottom: 0;
  font-weight:normal;  
}

.com-finder > * + *,
.com-finder__results > * + * {
  margin-top: 1em;  
}

/**
 * Styling search explained
 */
.com-finder__explained span.term,
.com-finder__explained span.date,
.com-finder__explained span.when,
.com-finder__explained span.branch,
.com-finder__explained span.node,
.com-finder__explained span.op {
  font-size: 1.2rem
}

.com-finder__explained span.op {
  text-transform: uppercase;
}

/**
 * Styling search result items list
 */
.com-finder__results-list {
  list-style: none;
  margin: 0 5px 20px 0;
  border-left: 0px solid #fce8c3; 
}

@media (max-width: 780px) {
  .com-finder__results-list {
    list-style: none;
    border-left: 0px solid #fce8c3; 
  }
  .border-searchform {
    border-left: 0px solid #fce8c3;
  }
}

  @media (max-width: 430px) {
    .com-finder__results-list  {
    width: 85%;
   }
}

/**
 * Styling search result item
 */
.result__item + .result__item {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 0px solid currentColor;
}

.result__item > * {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 0;
  font-size: .95rem  
}

.result__item > * + * {
  margin-bottom: 25px;
  line-height: 1.3em;
}

.result__title-link {
  display: flex;
  flex-direction: column;
}

.result__title-text {
  font-size: 1rem;
}

.result__title-url {
  order: -1;
  margin-bottom: .25em;
  color: hsl(0, 0%, 34%);
  font-style: normal;
}

.result__title-link:focus,
.result__title-link:hover {
  text-decoration: none;
}

.result__title-link:focus .result__title-text,
.result__title-link:hover .result__title-text {
  text-decoration: none;
}

.result__date {
  color: hsl(0, 0%, 34%);
}

.result__date:after {
  content: "-";
}

.result__taxonomy {
  padding: 0;
  list-style: none;
}

.result__taxonomy-item {
  display: inline-block;
}

.result__taxonomy-item + .result__taxonomy-item {
  margin-inline-start: .5em;
}

.result__taxonomy-item + .result__taxonomy-item:before {
  content: "|";
  padding-inline-end: .5em;
}

/**
 * Styling search word highlight
 */
.result__item .highlight {
  position: relative;
}

.result__item .highlight:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(100% + 6px);
  height: calc(100% + 2px);
  background: hsla(60, 100%, 50%, .5);
  pointer-events: none;
  border-radius: 3px;
}