.bnpp-search-form, .bnpp-search-container, .bnpp-search-container input{
  width: 100%;
}

.bnpp-search-container input{
  border: none;
}

#header-search-box{
  border-top: 1px solid lightgray;
  padding:20px 0;
}

#search-text{
  outline: 1px solid lightgray;
}

.keyboard-user #search-text:focus{
  outline: 2px solid black;
}

#close-search-btn, #open-search-btn{
  border: none;
  background-color: transparent;
  transition: background-color 0.3s;
}
.keyboard-user #open-search-btn:focus{
  outline: 2px solid black;
}

#close-search-btn:hover,
#open-search-btn:hover{
background-color: rgb(229, 229, 229);
  /* outline: gray 1px solid; */
  transition: background-color 0.3s;
  border-radius: 5px;
}

#search-overlay{
  background: rgba(20, 20, 20, 0.8);
  width: 100%;
  height: 100vh;
  position: absolute;
  left: 0;
  z-index: 99;
  overflow-y: hidden;
}

.dropdown-menu {
  position: absolute;
  top:100%;
  width: 100%;
  left: 0;
  background-color: #262626!important;
  color:white;
  border-radius: 0!important;
  border: none;
  padding: 1.5rem 3rem;
}

.facetwp-type-checkboxes{
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

.flyout-item .facetwp-type-checkboxes{
  flex-direction: column;
  gap: 0;
}

.facetwp-selections{
  padding-top: 1.5rem;
  margin-top: 0!important;
}

.flyout-row h3,
.facetwp-checkbox{
  font-family: 'BNPP Sans';
  font-weight: 400!important;
}

.facetwp-toggle {
  color: white!important;
  text-underline-offset: 3px;
}
.facetwp-toggle:hover{
  text-underline-offset: 4px;
  text-decoration-thickness: 2px;
}

.facetwp-overflow {
  display: flex;
  gap: 2rem;
}

.flyout-item .facetwp-overflow{
  flex-direction: column;
  gap: 0;
}

.facetwp-selection-label{
  text-transform: uppercase;
}

.keyboard-user .col-filter button:focus, .keyboard-user .facetwp-checkbox:focus{
  outline: 3px solid white;
}

.col-filter button:hover,
.col-filter:has(.dropdown-menu.show) button {
  color: #5dc66a!important;
  transition: color .4s;
}

.col-filter button .chevron-filter{
  transition: transform .4s;
}

.col-filter button:hover .chevron-filter,
.col-filter:has(.dropdown-menu.show) .chevron-filter  {
  transform: rotate(180deg);
}

.facetwp-pager {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 20px;
}

.facetwp-pager i.fa {
  color: #00915A;
}

.facetwp-pager a.facetwp-page {
  color: #6D6D6D;
  margin-right: 8px;
  text-decoration: none;
}
.facetwp-pager .facetwp-page {
  padding: 8px;
  width: 46px;
  height: 46px;
  font-size: 20px;
  border-radius: 50px;
}
.facetwp-pager .facetwp-page.active {
  background: #00915A;
  color: #fff;
}
a.facetwp-page.prev.active, a.facetwp-page.next.active {
  background: none;
}

.facetwp-page:hover {
  background: #d3d3d3;
  color: #fff;
  transition: background 0.4s;
}

.keyboard-user .facetwp-page:focus, .keyboard-user .facetwp-selection-value:focus {
  outline: 3px solid black;
}

.facetwp-flyout-open.flyout-mobile{
  font-weight: 400;
  font-size: 1.2rem;
}

.searchwp-live-search-results {
  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  height: 0;
  overflow: hidden;
  z-index: 9999995; /* Exceed SearchWP Modal Search Form overlay. */
  position: absolute;
  display: none;
}

.searchwp-live-search-results-showing {
  display: block;
  opacity: 1;
  height: auto;
  overflow: auto;
}

.searchwp-live-search-no-results {
  padding: 3em 2em 0;
  text-align: center;
}

.searchwp-live-search-no-min-chars:after {
  content: "Continue typing";
  display: block;
  text-align: center;
  padding: 2em 2em 0;
}

.searchwp-live-search-result .searchwp-live-search-result--title a {
  font-size: 16px;
}
.searchwp-live-search-result .searchwp-live-search-result--price {
  font-size: 14px;
}
.searchwp-live-search-result .searchwp-live-search-result--add-to-cart .button {
  font-size: 14px;
}

#search-text{
  font-size: 22px!important;
}

@media (max-width:500px) {
  #search-text{
      font-size: 16px!important;
  }
}