/*/---------- results -----------/*/
ol#search-results {
  list-style: none;
  padding: 0;
  margin-left: 0;
}

ol#search-results li, ol#search-results ul {
  list-style: none;
  margin-left: 0;
}
ol#search-results > li {
  border: 2px solid #2a2929;
  padding: 10px;
  margin-bottom: 6px;
}
ol#search-results h3 {
  margin: -10px -10px 10px;
  padding: 8px;
  background-color: #2a2929;
  border-bottom: 7px solid #DA3D7E;
  font-size: 18px;
}

ol#search-results h3.border-pink { border-bottom-color: #DA3D7E; }
ol#search-results h3.border-turquoise { border-bottom-color: #00AFD8; }
ol#search-results h3.border-gold { border-bottom-color: #F2AF00; }
ol#search-results h3.border-green { border-bottom-color: #BED600; }


ol#search-results h3 a {
  border-bottom: none;
  text-decoration: none !important;
  color: #fff;
}
ol#search-results p.subtitle {
  font-family: 'TeX Gyre Heros Bold';
  margin-bottom: 0;
}
#cf-title {
  margin-top: 0;
}
h1#cf-title {
  margin-top: 0;
}
.metadata {
  border-left: 2px solid #65c6bb;
}
.turq {
  color: #65c6bb;
}

.search-bar {
    padding-bottom: 3px;
}

/*/---------- BTN -----------/*/

.comp-btn {
  color: #fff !important;
  background-color: #65c6bb;
  border-radius: 0;
  border:none !important;
  outline: none !important;
  margin-bottom: 15px;
}
ol#search-results > li .comp-btn {
  width:100%;
  white-space: normal;
}
.comp-btn:hover, .comp-btn:active, .comp-btn:focus {
  background-color: #43b5a8;
}

#top-area .comp-btn {
  margin-top: 10px;
}

/*/---------- Pagination -----------/*/
#pagination {
  margin: 20px 0;
}

#pagination ul {
  padding: 0;
  margin:0;
}
#pagination ul li {
  padding: 0;
  list-style: none;
  float: left;
  margin:0;
}
#pagination ul li span {
  padding: 12px;
}
#pagination ul li a {
  text-decoration: none;
  border-bottom: none;
}
/*/-----------------Autocomplete--------------/*/
.search-bar .input-group .btn-search {
    margin-top: -5px;
}
.search-area {
  position: relative;
}
span.twitter-typeahead {
  width: 100%;
}
span.tt-dropdown-menu {
  width: 100%;
  background: #fff;
  text-align: left;
  border: 1px solid #ebebeb;
}
.tt-suggestion, span.tt-dropdown-menu h4 {
  padding: 0;
  box-sizing:border-box;
  cursor: pointer;
  width:100%;
}
.tt-suggestion:hover, .tt-cursor {
  background-color: #fafafa;
}
.tt-hint {
  color: #aaa;
}
.tt-suggestion a, .empty-message {
  box-sizing:border-box;
  cursor: pointer;
  width:100%;
  overflow: hidden;
  display: block;
  padding: 6px 10px;
  font-weight: normal;
}
.websitesearch .tt-hint, .websitesearch span.tt-dropdown-menu  {
    display: none !important;
}
.websitesearch input#search-box {
  background-color: #fff !important;
}
/*/-----------------Facets/sidebar-------------/*/
.facet-list {
  margin: 0 0 10px;
}
.facet-list li {
  list-style: none;
  margin:0;
  padding: 0;
  position: relative;
  display: block;
}
.facet-list li label:first-letter {
  text-transform: uppercase;
}
.facet-list li label {
  width: 85%;
  margin: 0;
  padding: 2px 0;
  color: #2a2929;
  font-weight: normal;
}
.facet-list li input[type="checkbox"] {
  position: absolute;
  right: 0;
  top: 3px;
}
.facet-list li a {
  border: none !important;
  padding: 10px 0;
  display: block;
  color: #2a2929 !important;
}

.sidebar-btn, .sidebar-btn:active, .sidebar-btn:focus {
  width: 100%;
  max-width: 210px;
  margin: 20px 0;
  background-color: #f2ecde;
  border-radius: 0;
  color: #444 !important;
  outline: none !important;
  text-decoration: none !important;
  border: none !important;
  float: left;
  text-align: center;
  padding: 6px;
  cursor: pointer;
}

.sidebar-btn:hover {
  background-color: #d6d0c3;
}

#facets-area {
  padding: 0 15px;
  background-color: #f8f5ed;
}

#facets-area h3 {
    font-size: 16px;
    margin: 15px 0 10px;
}

#facets-area h3, #facets-area li {
  color:#2a2929;
}

h2#facets-title {
  color: #43b5a8;
  font-size: 21px;
}

#facets-area hr {
    border-top: 2px solid #43b5a8;
    margin: 5px 0;
}

/*/-----------Cart----------------/*/
#search-cart h4 {
  margin:0;
}

#search-cart .bg-primary h4 {
  margin:20px 0;
}

#search-cart h4 a {
  text-decoration: none;
  border:none;
}

#search-cart td, #search-cart th {
  padding: 6px;
  border: 1px solid #fff;
  vertical-align: top;
}

#search-cart td span {
  margin-bottom: 6px;
  display: inline-block;
}

#search-cart td span[ng-hide] {
    margin: 0;
    display: none;
}

#search-cart th {
  background-color: #f2ecde;
  font-family: 'TeX Gyre Heros Bold';
}

#search-cart tbody tr:last-child td {
  padding: 20px;
  text-align: center;
}

#search-cart tbody tr:last-child td a {
  text-decoration: none;
  border: none;
  color: #65c6bb;
}

#search-cart td h3 {
  margin-top: 5px;
}

#search-cart td, #search-cart th {
    border: #65c6bb 2px solid !important;
}

#search-cart tbody th {
    background-color: #d5efec;
}

#search-cart thead th, #search-cart thead td {
    background-color: #2a2929;
}

#search-cart thead h4 a {
    color: #fff !important;
    font-size: 16px !important;
}

.entry-requirements{
  vertical-align: top;
}

#search-cart th.ng-scope {
    width: 20%;
}

#search-cart table ul {
    margin-left: 0;
}

#search-cart thead td:first-child {
    width: 20%;
}

a#backtoresults,a#removeall {
    width: 100%;
    margin-top: 6px;
    background-color: #333;
    border: none;
    border-radius: 0;
    color: #fff;
}

a#backtoresults:hover, a#removeall:hover {
    background-color: #555;
}

#searc-cart h1 {
    margin-top: 0;
}

#search-cart h1 {
    margin: 0 0 20px;
}

a#removeall {
    margin-top: 20px;
}

a.btn.Remove {
  border: solid 2px #65C6BD !important;
  background: #fff;
  color: #65C6BD !important;
}

a.btn.Remove:hover {
  border-color: #43b5a8 !important;
  color: #43b5a8 !important;
}

/*/------------Media Queries-------------/*/
@media (min-width: 992px) {
  #facets-btn {
    display: none;
  }
  #facets-area {
    display: block !important;
  }
}

@media (max-width: 991px) {
  #facets-btn {
    display: block;
  }

  #facets-area {
    display: none;
  }

  ol#search-results {
    margin-left: -15px;
    margin-right: -15px;
  }

  #top-area {
    margin: 0 -30px 20px;
  }
}

@media (max-width: 767px) {
  .comp-btn, .sidebar-btn {
    width: 100%;
    margin: 10px 0;
    max-width: 100% !important;
  }

  #pagination {
    margin: 20px -15px;
  }
}