@import url('/css/MeridixIcons.css');
@import url('/css/MeridixEvents.css');

#SearchForm * {
  box-sizing: border-box;
}

#SearchForm .mei-3x {
  vertical-align: middle;
  margin-right: 5px;
}

#SearchForm .content_container {
  width: 80%;
  margin: 0 auto;
}

#SearchForm .content_container .search_input {
  margin:0;
}

#SearchForm .content_container .search_container {
  position: relative;
  width:80%;
  margin: 20px auto;
}

#SearchForm .content_container .search-tabs {
  position: relative;
  width: 65%;
  margin: 20px auto;
}

#SearchForm .search-tabs button {
  border: 1px solid #dcdcdc;
  border-top: none;
  margin: 0 -1px 0 0;
  color: black;
  width: calc(33.3333% + 0.75px);
/*     box-sizing: border-box; */
  font-family: "Source Sans Pro", "Helvetica-Neue", sans-serif;
  font-size:18px;
  padding: 10px 20px;
}

#SearchForm .search-tabs button.active {
  background: none;
  border-bottom-color:#BD292F;
  color: #BD292F;
  font-weight:bold;
  position:relative;
}

#SearchForm .search-tabs button.active::after {
  content:'';
  position: absolute;

  width:100%;
  background-color:#BD292F;
  display:block;
  height:3px;
  bottom:0;
  left:0;
}

#SearchForm .search-tabs button:hover {
  border-bottom-color:#BD292F;
  color: #BD292F;
/*     font-weight:bold; */
  position:relative;
}


#SearchForm .search_input {
  border-radius: 4px;
}

#SearchForm .expand {
  color: #bd292f;
  border: 1px solid #bd292f;
  border-radius: 4px;
}

#SearchForm .collapse {
  color: white;
  border: 1px solid #bd292f;
  background: #bd292d;
  border-radius: 4px;
}

#SearchForm .search-facets {
  border:none;
  display: block;
  transition: 0.3s all ease-in-out;
  /* max-height: 0; */
  opacity: 0;
  /* overflow: hidden; */
  padding: 0;
  margin: -20px 0;
}

#SearchForm .search-facets.active {
  /* max-height: 450px; */
  opacity: 1;
  margin: 0;
}

#SearchForm .search-facets * {
  transition: 0.3s all ease-in-out;
  margin-bottom: -20px;
}

#SearchForm .search-facets.active * {
  margin-bottom: 5px;
}


#SearchForm .search-facets .facet-label {
  text-transform: none;
  font-family: "Source Sans Pro", "Helvetica-Neue", sans-serif;
}

#SearchForm .search-facets .combobox .value {
  border-radius: 4px;
  color: #686868;
}

#SearchForm .search-facets .combobox .value .arrow {
  border:none;
  margin-top:4px;
}

#SearchForm .image_wrapper {
  position: relative;
}

#SearchForm .image_wrapper img {
  width:100%;
}

#SearchForm .content_wrapper > span:first-of-type {
  color: #bd292f;
  font-size:14px;
}

#SearchForm .content_wrapper h4 a {
  font-size:18px;
}

#SearchForm .search_list_item {
  padding: 20px 0;
  border-bottom: 2px solid #ddd;
  width: 100%;
}

#SearchForm .image_wrapper .live_indicator {
  position: absolute;
  top: 8px;
  left: 18px;
  font-weight: 700;
  padding: 3px;
  font-family: Arial,Helvetica,sans-serif;
  background: red;
  color: #fff;
}

#SearchForm .search_list_item .grid-10 {
  text-align: center;
  padding-top: 2%;
}

#SearchForm ul.search_result_list {
  margin-top: 40px;
}

#SearchForm li.search_result_list_item {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 5px 3%;
}

#SearchForm .search_logo {
  vertical-align: middle;
  margin-right: 10px;
}

#SearchForm li.search_result_list_item > span {
  margin-left:20px;
}

#SearchForm .content_wrapper {
  position: relative;
}

#SearchForm .content_wrapper h4 {
  margin:5px 0;
}

#SearchForm .content_wrapper > a {
  text-decoration: underline;
}

#SearchForm .content_wrapper .scores {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
}

#SearchForm .content_wrapper .scores p {
  font-size:110%;
  line-height:1em;
}

#SearchForm .content_wrapper .scores p span {
  font-weight:bold;
}

@media screen and (max-width: 767px) {
  #SearchForm .content_container {
    width: 100%;
    margin: 0;
    padding: 0 5px;
    box-sizing: border-box;
  }

  #SearchForm .content_container .search_container {
    width: 100%;
  }

  #SearchForm .content_container .search-tabs {
    width: 100%;
  }

  #SearchForm .search-tabs button {
    display: inline-block;
    padding: 10px 0;

  }
  #SearchForm .content_wrapper .scores {
    position: static;
    text-align: left;
    font-size: 85%;
  }

}