.grid{
  min-height: 680px;
}

.grid::after {
  content: '';
  display: block;
  clear: both;
}

h1.sppb-addon-title{
  margin-bottom: 1rem !important;
  color: #410324;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem !important;;
  text-align: center !important;;
  display: block !important;;
}

.quicksearch .form-control {
  border: 2px solid #960E53 !important;
  border-top-left-radius: 2.5rem !important;
  border-bottom-left-radius: 2.5rem !important;
  border-right: 0 !important;
  color: #960E53 !important;
  font-weight: bold !important;
  padding: .5rem 1rem !important;
  padding-left: 2.5rem !important;
  font-size: 1.25rem !important;
  background-color: #fff !important;
  background-clip: padding-box !important;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;

}

.quicksearch .form-control::placeholder{
  padding-left: 2rem;
}

.quicksearch .btn {
  border: 2px solid #960E53 !important;
  border-top-right-radius: 2.5rem !important;
  border-bottom-right-radius: 2.5rem !important;
  border-left: 0 !important;
  color: #960E53 !important;


}


.quicksearch{
  position: relative;
}

.quicksearch::after{
  content: '\F0349';
  position: absolute;
  font-family: "Material Design Icons";
  top: 2px;
  left: 12px;
  font-size: 32px;
  color: #960E53;
  z-index: 99;
}

.filter-button-group .nav-link {
  background: 0 0;
  border-radius: 2.5rem !important;
  background-color: #eee !important;
  color: #666;
  font-weight: bold;
  margin-bottom: 0.5rem;
  text-align: center;
}


.filter-button-group .nav-link:hover {
  background-color: #ddd !important;
  color: #000;
}

.filter-button-group .nav-link.active {
  background-color: #960E53 !important;
  color: #ffffff;
}