:root {
   /* Modal */
   --bd-search-modal-z-index: 20100;
   --bd-search-modal-top: 10vh;
   --bd-search-modal-height: auto;
   --bd-search-modal-width: 80vw;
   --bd-search-modal-max-width: 999px;
   --bd-search-modal-max-height: 80vh;
   --bd-search-modal-border: 1px solid #ddd;
   --bd-search-modal-border-radius: 0;
   --bd-search-modal-box-shadow: none;
   --bd-search-modal-background-color: #ffffff;
   --bd-search-modal-padding: 1rem;
   --bd-search-modal-overlay-background-color: rgba(255, 255, 255, 0.75);
   --bd-search-modal-overlay-z-index: 20000;
   --bd-search-modal-footer-border-top: 1px solid rgba(0, 0, 0, 0.1);
   --bd-search-modal-header-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   --bd-search-modal-form-filters-display: block;

   /* Form */

   /* Button */
   --bd-search-form-submit-button-display: none;
   --bd-search-form-submit-button-reset-font-size: 12px;
   --bd-search-form-submit-button-reset-transform: uppercase;

   /* Input */
   --bd-search-form-input-bg-color: #eee;
   --bd-search-form-input-padding: 10px 0 10px 45px;
   --bd-search-form-input-box-shadow: none;
   --bd-search-form-input-border-radius: 0;
   --bd-search-form-input-border-width: 8px;
   --bd-search-form-input-border-style: solid;
   --bd-search-form-input-border-color: var(----color-secondary);
   --bd-search-form-input-width: 100%;
   --bd-search-form-input-font-size: 16px;
   --bd-search-form-input-line-height: 1.7em;

   /* Input - Focus */
   --bd-search-form-input-focus-border-radius: 0;
   --bd-search-form-input-focus-border-width: 1px;
   --bd-search-form-input-focus-border-style: solid;
   --bd-search-form-input-focus-border-color: #ccc;
   --bd-search-form-input-focus-box-shadow: none;
   --bd-search-form-input-focus-border-style: solid;
   --bd-search-form-input-focus-outline: currentColor none medium;

   --bd-search-form-ais-RefinementList-count-display: none;
   --bd-search-form-ais-CurrentRefinements-display: none;
   --bd-search-form-ais-SearchBox-submit-display: none;
   --bd-search-form-ais-Stats-display: none;

   /* Buttons */
   --bd-search-form-button-color: inherit;
   --bd-search-form-button-bg-color: #eee;
   --bd-search-form-button-border-color: #ddd;
   --bd-search-form-button-border-radius: none;
   --bd-search-form-button-box-shadow: none;
   --bd-search-form-button-padding: inherit;
   --bd-search-button-font-size: inherit;
   --bd-search-button-font-weight: inherit;
   --bd-search-button-font-spacing: inherit;
   --bd-search-button-text-transform: inherit;

   /* Button - State - Hover */
   --bd-search-form-button-color-hover: inherit;
   --bd-search-form-button-bg-color-hover: #e7e7e7;
   --bd-search-form-button-border-color-hover: #ddd;
   --bd-search-form-button-box-shadow-hover: none;

   /* Button - State - Focus */
   --bd-search-form-button-color-focus: inherit;
   --bd-search-form-button-bg-color-focus: #e7e7e7;
   --bd-search-form-button-border-color-focus: #ddd;
   --bd-search-form-button-box-shadow-focus: none;

   /* Button - State - Disabled */
   --bd-search-form-button-color-disabled: #ddd;
   --bd-search-form-button-bg-color-disabled: none;
   --bd-search-form-button-border-color-disabled: #ddd;
   --bd-search-form-button-box-shadow-disabled: none;

   /* Results */
   --bd-search-form-results-highlight-color: inherit;
   --bd-search-form-results-highlight-bg-color: yellow;

   /* Results - Hit Card */

   /* Results - Hit Card - Footer */
   --bd-search-form-results-card-footer-display: block;

   /* Results - Pagination */
   --bd-search-form-results-ais-Pagination-link-color: inherit;
   --bd-search-form-results-ais-Pagination-link-bg-color: #eee;
   --bd-search-form-results-ais-Pagination-link-border: 1px solid #ddd;
   --bd-search-form-results-ais-Pagination-link-selected-color: inherit;
   --bd-search-form-results-ais-Pagination-link-selected-bg-color: #ddd;
   --bd-search-form-results-ais-Pagination-link-selected-border: 1px solid #ccc;

   /* Form - Filters */
   --bd-search-form-filter-display-age-range: block;
   --bd-search-form-filter-display-contributors: block;
   --bd-search-form-filter-display-method: block;
   --bd-search-form-filter-display-tradition: block;
   --bd-search-form-filter-display-category: block;
   --bd-search-form-filter-display-tags: block;

   /* Full Page */
}

mark {
   background-color: var(--color-secondary);
   color: #fff;
}
.toggle svg {
   height: 34px;
   width: auto;
   stroke: black;
   color: black;
   stroke-width: 1px;
}

/* Advanced Search link */
.search-modal__footer {
   justify-content: space-between;
   align-items: center;
}
.bd324-advanced-search__icon {
   padding-right: 5px;
}
.hits article .search__result__image {
   background-color: unset;
}

/* Hits */
.ais-Hits-item,
.ais-InfiniteHits-item {
   box-shadow: none;
}
.hits article {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding: 0.5rem 1rem;
   border-radius: 0;
   border: none;
   background-color: #fff;
   box-shadow: none;
   margin-bottom: 1rem;
}

.search-wrapper--advanced .search__header {
   margin-bottom: 3rem;
}

.search-wrapper--advanced .search__header h1 {
   font-size: 3rem;
   line-height: 1.1;
}

.search__header .searchbox {
   display: flex;
   flex-direction: column;
   gap: 1rem;
}

.search__header .searchbox form {
   display: flex;
   gap: 1rem;
   border-bottom: 8px solid;
   padding: 10px 0;
}

.search__header .searchbox input {
   border-color: var(----color-secondary);
   border-width: 0;
   font-size: 1.7rem;
   padding: 0;
}

.ais-InfiniteHits.ais-InfiniteHits--empty {
   font-size: 2rem;
   font-weight: 700;
}

.search__result__main .post__title a {
   font-size: inherit;
   display: inline;
}

.search__result__meta {
   font-family: "Courier New", Courier, monospace;
   flex-direction: column;
   gap: 0;
   margin-bottom: 1.5rem;
}

input[type="checkbox"] {
   width: 20px;
   height: 20px;
   accent-color: var(--color-primary); /* Modern browsers only */
   color: grey;
   border: 3px;
}

/* Advanced */

.search-wrapper--advanced .search__aside .filters {
   margin-bottom: 2rem;
}

.search-wrapper--advanced .search__aside .icon__container {
   font-weight: 700;
   font-size: 1.5rem;
   font-family: var(--font-secondary);
   margin-bottom: 1rem;
}

.search-wrapper--advanced .search__aside .ais-RefinementList-list {
   margin: 0 0 1rem 0;
   width: 100%;
   padding: 0;
}

.search-wrapper--advanced .search__aside .ais-RefinementList-list li {
   list-style-type: none;
   margin-bottom: 5px;
}

.search-wrapper--advanced .search__aside .ais-RefinementList-list li label {
   display: flex;
   align-items: center;
   gap: 5px;
   font-family: var(--font-secondary);
}

.ais-RefinementList-count {
   font-family: "Courier New", Courier, monospace;
}

/**
* MEDIA QUERIES
* */

@media (min-width: 1400px) {
   .search-wrapper--advanced .hits .ais-InfiniteHits-list,
   .search-wrapper--products .ais-InfiniteHits-list {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

@media (min-width: 768px) {
   .search__header {
      display: flex;
      flex-direction: row;
      gap: 1rem;
      width: 100%;
      align-items: flex-end;
      justify-content: space-between;
   }
   .search__header .searchbox {
      width: 100%;
      margin-right: 0;
   }

   /* Compact Products */
   .search-wrapper--products.search-wrapper--compact .search__header {
      display: grid;
      grid-template-columns: 110px 1fr;
      gap: 0 2vw;
      justify-content: space-between;
   }
   .search-wrapper--products.search-wrapper--compact .search__header h2 {
      margin: 0;
   }
   .search-wrapper--products.search-wrapper--compact .search__header form {
      margin: 0;
   }
   .search-wrapper--products.search-wrapper--compact
      .search__header
      .bd324-advanced-search {
      grid-column: 1/3;
      grid-row: 2/3;
      justify-self: flex-end;
      padding-top: 15px;
   }
}