/**
* Search Template
*/
.facet-article-search-template {
  /*
  * Search Field
  */
  /*
  * Total Results
  */
  /*
  * Sort Dropdown
  */
  /*
  * Search Results
  */
  /*
  * View Icons
  */
  /*
  * Hide parent container when grid view is active and contains search-view-icon
  */
  /*
  * Hide parent container when not in grid view and contains grid-view-icon
  */
  /*
  * Pagination
  */
  /*
  * Checkboxes
  */
  /*
  * Filters Overlay
  */
}
.facet-article-search-template .search-input-container {
  margin-block-end: var(--wp--preset--spacing--70);
}
@media (max-width: 781px) {
  .facet-article-search-template .search-input-container {
    margin-block-end: var(--wp--preset--spacing--50);
  }
}
.facet-article-search-template .facetwp-type-search {
  width: 100%;
}
.facet-article-search-template .facetwp-type-search .facetwp-input-wrap {
  width: 100%;
}
.facet-article-search-template .facetwp-type-search .facetwp-input-wrap .facetwp-search {
  width: 100%;
  font-family: var(--wp--preset--font-family--be-vietnam-pro);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--50);
  font-size: var(--wp--preset--font-size--heading-five);
  border-radius: var(--wp--preset--spacing--10);
  border: 1px solid var(--wp--preset--color--contrast);
  background-color: var(--wp--preset--color--accent-5);
  line-height: 1.5;
  box-sizing: border-box;
}
.facet-article-search-template .facetwp-type-search .facetwp-input-wrap .facetwp-icon {
  right: 24px;
}
.facet-article-search-template .facetwp-type-search .facetwp-input-wrap .facetwp-icon:not(.f-loading) {
  height: 24px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}
.facet-article-search-template .facetwp-type-search .facetwp-input-wrap .facetwp-icon:not(.f-loading)::before {
  background: url(/wp-content/themes/food-system-future/assets/img/icon-magnifying-glass.svg) no-repeat center center;
  display: inline-block;
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.facet-article-search-template .facetwp-type-search .facetwp-input-wrap .facetwp-icon.f-loading {
  display: block;
}
.facet-article-search-template .facetwp-type-search .facetwp-input-wrap .filter-search__clear {
  position: absolute;
  top: 0;
  right: 24px;
  line-height: 1;
  cursor: pointer;
  opacity: 1;
  width: 20px;
  height: 100%;
  background: transparent url(/wp-content/themes/food-system-future/assets/img/icon-close-green.svg) 0 50% no-repeat;
  background-size: 20px 18px;
  display: none;
}
.facet-article-search-template .facetwp-type-search .facetwp-input-wrap .filter-search__clear:hover {
  opacity: 0.8;
}
.facet-article-search-template .facetwp-type-search.has-text {
  /* Show the clear icon when the search has text */
  /* Hide the search icon when the search has text */
}
.facet-article-search-template .facetwp-type-search.has-text .facetwp-input-wrap .facetwp-search .filter-search__clear {
  display: block;
}
.facet-article-search-template .facetwp-type-search.has-text .facetwp-input-wrap .facetwp-search .facetwp-icon {
  display: none;
  /* Show the icon when the search is loading, facetwp replaces it with spinner */
}
.facet-article-search-template .facetwp-type-search.has-text .facetwp-input-wrap .facetwp-search .facetwp-icon.f-loading {
  display: block;
}
.facet-article-search-template .facetwp-type-search.is-loading {
  /* Hide the clear icon when the search is loading */
}
.facet-article-search-template .facetwp-type-search.is-loading .facetwp-input-wrap .facetwp-search .filter-search__clear {
  display: none;
}
.facet-article-search-template .facetwp-facet-article_total_results {
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--space-mono);
  font-weight: 400;
  font-size: var(--wp--preset--font-size--paragraph-s);
}
@media (max-width: 599px) {
  .facet-article-search-template .facetwp-toolbar > .wp-block-group {
    flex: 1 1 100%;
  }
}
@media (max-width: 479px) {
  .facet-article-search-template .facetwp-toolbar .facetwp-toolbar__sort {
    flex-wrap: wrap;
  }
  .facet-article-search-template .facetwp-toolbar .facetwp-toolbar__sort > * {
    flex: 1 1 100%;
  }
}
.facet-article-search-template .iffs-sort-dropdown {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--10);
  position: relative;
}
.facet-article-search-template .iffs-sort-dropdown .sort-direction-asc::after {
  content: url(/wp-content/themes/food-system-future/assets/img/arrow-down.svg);
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-left: var(--wp--preset--spacing--20);
  bottom: 4px;
  position: relative;
  transform: rotate(180deg);
  transform-origin: center;
}
.facet-article-search-template .iffs-sort-dropdown .sort-direction-desc::after {
  content: url(/wp-content/themes/food-system-future/assets/img/arrow-down.svg);
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-left: var(--wp--preset--spacing--20);
  top: 4px;
  position: relative;
}
.facet-article-search-template .iffs-sort-dropdown .sort-toggle {
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: var(--wp--preset--color--accent-2);
  border: 1px solid var(--wp--preset--color--contrast);
  box-shadow: none;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  font-family: var(--wp--preset--font-family--space-mono);
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--paragraph-s);
  color: var(--wp--preset--color--contrast);
  min-width: 140px;
  justify-content: flex-end;
  transition: opacity 0.3s ease;
}
.facet-article-search-template .iffs-sort-dropdown .sort-toggle:hover {
  opacity: 0.8;
}
@media (max-width: 479px) {
  .facet-article-search-template .iffs-sort-dropdown .sort-toggle {
    width: 100%;
    border: 1px solid transparent;
    justify-content: flex-start;
  }
}
.facet-article-search-template .iffs-sort-dropdown .sort-options {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--wp--preset--color--accent-2);
  border: 1px solid var(--wp--preset--color--contrast);
  min-width: 200px;
  z-index: 10;
  text-align: left;
  box-sizing: content-box;
}
.facet-article-search-template .iffs-sort-dropdown .sort-options .sort-option {
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  cursor: pointer;
  font-family: var(--wp--preset--font-family--space-mono);
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--paragraph-s);
  white-space: nowrap;
}
.facet-article-search-template .iffs-sort-dropdown .sort-options .sort-option:first-child {
  padding-top: var(--wp--preset--spacing--30);
  padding-bottom: var(--wp--preset--spacing--40);
}
.facet-article-search-template .iffs-sort-dropdown .sort-options .sort-option:last-child {
  padding-bottom: var(--wp--preset--spacing--30);
  padding-top: var(--wp--preset--spacing--40);
}
.facet-article-search-template .iffs-sort-dropdown .sort-options .sort-option:hover {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--accent-5);
}
.facet-article-search-template .iffs-sort-dropdown .sort-options .sort-option:hover.sort-direction-asc::after, .facet-article-search-template .iffs-sort-dropdown .sort-options .sort-option:hover.sort-direction-desc::after {
  filter: invert(1);
}
.facet-article-search-template .facetwp-template[data-name=articles] {
  margin-top: var(--wp--preset--spacing--50);
}
.facet-article-search-template .facetwp-template[data-name=articles] .fwpl-layout {
  margin-bottom: var(--wp--preset--spacing--70);
}
.facet-article-search-template .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result {
  width: 100%;
  padding: var(--wp--preset--spacing--110) 0;
  border-bottom: 1px solid var(--wp--preset--color--accent-1);
  transition: all 0.3s ease;
}
.facet-article-search-template .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result .fwpl-col {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--30);
}
.facet-article-search-template .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result .fwpl-col .post-title a {
  font-size: var(--wp--preset--font-size--heading-four);
  text-decoration: none;
  font-weight: 300;
}
.facet-article-search-template .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result .fwpl-col .post-title a:hover {
  text-decoration: underline;
}
.facet-article-search-template .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result .fwpl-col .topic {
  font-weight: 600;
}
.facet-article-search-template .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result .fwpl-col .pub-year {
  font-size: var(--wp--preset--font-size--paragraph-s);
  font-family: var(--wp--preset--font-family--space-mono);
  text-transform: uppercase;
}
.facet-article-search-template .view-icon {
  cursor: pointer;
  display: inline-block;
  transition: opacity 100ms ease;
  position: relative;
  top: 4px;
}
.facet-article-search-template .view-icon:hover {
  opacity: 0.7;
}
.facet-article-search-template.is-grid-view .wp-block-safe-svg-svg-icon:has(.search-view-icon) {
  display: none;
}
.facet-article-search-template.is-grid-view .facetwp-template[data-name=articles] .fwpl-layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--wp--preset--spacing--50);
}
@media (min-width: 782px) and (max-width: 1079px) {
  .facet-article-search-template.is-grid-view .facetwp-template[data-name=articles] .fwpl-layout {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 599px) {
  .facet-article-search-template.is-grid-view .facetwp-template[data-name=articles] .fwpl-layout {
    grid-template-columns: 1fr;
  }
}
.facet-article-search-template.is-grid-view .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result {
  background-color: var(--wp--preset--color--accent-2);
  border-radius: 16px;
  border-bottom: none;
  padding: var(--wp--preset--spacing--50);
  box-sizing: border-box;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  cursor: pointer;
}
.facet-article-search-template.is-grid-view .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result > .fwpl-row {
  height: 100%;
}
.facet-article-search-template.is-grid-view .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result > .fwpl-row > .fwpl-col {
  justify-content: space-between;
}
.facet-article-search-template.is-grid-view .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result .meta-row {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--10);
}
.facet-article-search-template.is-grid-view .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result:hover {
  background-color: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--accent-5);
  border-color: var(--wp--preset--color--accent-5);
}
.facet-article-search-template.is-grid-view .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result:hover .post-title a,
.facet-article-search-template.is-grid-view .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result:hover .topic,
.facet-article-search-template.is-grid-view .facetwp-template[data-name=articles] .fwpl-layout .fwpl-result:hover .pub-year {
  color: var(--wp--preset--color--base);
  text-decoration: none;
}
.facet-article-search-template:not(.is-grid-view) .wp-block-safe-svg-svg-icon:has(.grid-view-icon) {
  display: none;
}
.facet-article-search-template .facetwp-pager {
  display: flex;
  justify-content: center;
  gap: var(--wp--preset--spacing--20);
  /* stylelint-disable-next-line no-descending-specificity -- Disabled because this doesn't apply to all links in .facet-article-search-template */
  /* When PREVIOUS is missing, insert invisible placeholder */
  /* When NEXT is missing, insert invisible placeholder */
}
.facet-article-search-template .facetwp-pager a {
  text-decoration: none;
  color: var(--wp--preset--color--contrast);
  font-family: var(--wp--preset--font-family--space-mono);
  text-transform: uppercase;
  font-size: var(--wp--preset--font-size--paragraph-s);
  padding: 0;
  margin: 0;
  /* stylelint-disable-next-line no-descending-specificity -- Disabled because this doesn't apply to all links in .facet-article-search-template */
  /* stylelint-disable-next-line no-descending-specificity -- Disabled because this doesn't apply to all links in .facet-article-search-template */
}
.facet-article-search-template .facetwp-pager a:hover {
  text-decoration: underline;
}
.facet-article-search-template .facetwp-pager a.prev {
  margin-right: auto;
  order: -1;
}
.facet-article-search-template .facetwp-pager a.prev::before {
  content: url(/wp-content/themes/food-system-future/assets/img/arrow-left-small.svg);
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 3px;
  cursor: pointer;
  margin-right: var(--wp--preset--spacing--20);
}
.facet-article-search-template .facetwp-pager a.next {
  margin-left: auto;
  order: 1;
}
.facet-article-search-template .facetwp-pager a.next::after {
  content: url(/wp-content/themes/food-system-future/assets/img/arrow-right-small.svg);
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 3px;
  cursor: pointer;
  margin-left: var(--wp--preset--spacing--20);
}
.facet-article-search-template .facetwp-pager a:not(.prev):not(.next) {
  padding: 0 var(--wp--preset--spacing--10);
}
.facet-article-search-template .facetwp-pager a.active {
  background-color: var(--wp--preset--color--accent-4);
  border-radius: calc(var(--wp--preset--spacing--10) / 2);
  color: var(--wp--preset--color--accent-5);
  font-weight: 400;
}
.facet-article-search-template .facetwp-pager a.active:hover {
  text-decoration: none;
}
.facet-article-search-template .facetwp-pager:not(:has(.facetwp-page.prev))::before {
  content: "";
  flex: 0.5;
}
.facet-article-search-template .facetwp-pager:not(:has(.facetwp-page.next))::after {
  content: "";
  flex: 0.5;
}
@media (max-width: 781px) {
  .facet-article-search-template .facet-checkbox-filters-mobile > .wp-block-group {
    width: 100%;
  }
}
.facet-article-search-template .facetwp-type-checkboxes {
  /* Firefox rule inteferes with above, so we make it specific. */
}
.facet-article-search-template .facetwp-type-checkboxes .facetwp-checkbox {
  padding: var(--wp--preset--spacing--30) 0;
  background: none;
  margin: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
@media (max-width: 781px) {
  .facet-article-search-template .facetwp-type-checkboxes .facetwp-checkbox {
    width: 100%;
  }
}
.facet-article-search-template .facetwp-type-checkboxes .facetwp-checkbox::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--wp--preset--color--contrast);
  border-radius: 5px;
  margin-right: var(--wp--preset--spacing--30);
}
.facet-article-search-template .facetwp-type-checkboxes .facetwp-checkbox .facetwp-display-value {
  font-size: var(--wp--preset--font-size--static-14-px);
  font-family: var(--wp--preset--font-family--space-mono);
  text-transform: uppercase;
  color: var(--wp--preset--color--contrast);
}
.facet-article-search-template .facetwp-type-checkboxes .facetwp-checkbox .facetwp-display-value:hover {
  text-decoration: underline;
  text-underline-offset: 14%;
  text-decoration-thickness: 0.1rem !important;
  text-underline-position: from-font;
}
.facet-article-search-template .facetwp-type-checkboxes .facetwp-checkbox .facetwp-counter {
  display: none;
}
.facet-article-search-template .facetwp-type-checkboxes .facetwp-checkbox.checked::after {
  content: "";
  background-color: var(--wp--preset--color--accent-4);
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 5px;
  position: absolute;
  left: 4px;
}
.facet-article-search-template .facetwp-type-checkboxes.facetwp-facet-topics_children {
  overflow-y: auto;
  max-height: 1215px;
  /* WebKit (Chrome, Safari, Edge) */
}
@media (max-width: 781px) {
  .facet-article-search-template .facetwp-type-checkboxes.facetwp-facet-topics_children {
    max-height: max-content;
  }
}
.facet-article-search-template .facetwp-type-checkboxes.facetwp-facet-topics_children::-webkit-scrollbar {
  width: var(--wp--preset--spacing--40);
}
.facet-article-search-template .facetwp-type-checkboxes.facetwp-facet-topics_children::-webkit-scrollbar-track {
  background: var(--wp--preset--color--accent-3);
}
.facet-article-search-template .facetwp-type-checkboxes.facetwp-facet-topics_children::-webkit-scrollbar-thumb {
  background-color: var(--wp--preset--color--accent-1);
  border: none;
}
.facet-article-search-template .facetwp-type-checkboxes.facetwp-facet-topics_children::-webkit-scrollbar-thumb:hover {
  background-color: var(--wp--preset--color--accent-1);
}
@-moz-document url-prefix() {
  .facet-article-search-template .facetwp-type-checkboxes.facetwp-facet-topics_children {
    scrollbar-width: thin;
    scrollbar-color: var(--wp--preset--color--accent-1) var(--wp--preset--color--accent-3);
  }
}
.facet-article-search-template .facet-checkbox-filters > .wp-block-group {
  width: 100%;
}
@media (max-width: 781px) {
  .facet-article-search-template .facet-checkbox-filters {
    display: none;
  }
}
.facet-article-search-template .filters-overlay-container {
  margin: 0;
  padding: 0;
}
@media (min-width: 782px) {
  .facet-article-search-template .filters-overlay-container {
    display: none;
  }
}
.facet-article-search-template .filters-overlay {
  opacity: 0;
  visibility: hidden;
  height: 0;
  pointer-events: none;
  margin: 0;
  padding: 0;
}
.facet-article-search-template .mobile-filters-button {
  display: none;
}
@media (max-width: 781px) {
  .facet-article-search-template .mobile-filters-button {
    display: block;
  }
  .facet-article-search-template .mobile-filters-button .wp-element-button {
    position: relative;
  }
  .facet-article-search-template .mobile-filters-button .wp-element-button::before {
    position: relative;
    top: -1px;
    left: calc(var(--wp--preset--spacing--20) * -1);
    width: 100%;
    height: 100%;
    font-size: var(--wp--preset--font-size--static-14-px);
    content: attr(data-before);
  }
}

/*
* Filters Overlay Open
*/
body.filters-overlay-open {
  overflow: hidden;
}
body.filters-overlay-open .filters-overlay {
  background-color: var(--wp--preset--color--accent-5);
  display: block;
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 100;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  overflow-y: auto;
  transition: all 300ms ease;
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  height: 100%;
}
body.filters-overlay-open .filters-overlay .filters__close-icon {
  cursor: pointer;
  transition: opacity 100ms ease;
}
body.filters-overlay-open .filters-overlay .filters__close-icon:hover {
  opacity: 0.7;
}
body.filters-overlay-open .filters-overlay .filters__clear .wp-block-button__link {
  text-decoration-color: var(--wp--preset--color--accent-3) !important;
}
body.filters-overlay-open .filters-overlay .filters__clear .wp-block-button__link:hover {
  text-decoration: none !important;
}
body.filters-overlay-open .filters-overlay .filters__header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background-color: var(--wp--preset--color--accent-5);
  z-index: 101;
}
body.filters-overlay-open .filters-overlay .filters__content {
  position: relative;
  top: 90px;
  padding-bottom: 120px !important;
}
body.filters-overlay-open .filters-overlay .filters__footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  z-index: 101;
}
/*# sourceMappingURL=search-archive.css.map */