/* stylelint-disable color-no-hex */
.search-results.recipes {
  flex-direction: column;
}
@media (min-width: 1024px) {
  .search-results.recipes {
    width: 59rem;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .search-results.recipes {
    width: 75rem;
  }
}
@media (min-width: 1440px) {
  .search-results.recipes {
    width: 85rem;
  }
}
@media (min-width: 1600px) {
  .search-results.recipes {
    width: 95rem;
  }
}
@media (min-width: 1920px) {
  .search-results.recipes {
    width: 115rem;
  }
}
.search-results.recipes .recipes-lister-title {
  font-size: 1.75rem;
  line-height: 2.25rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .search-results.recipes .recipes-lister-title {
    font-size: 2rem;
    line-height: 2.5rem;
    padding-top: 1.5rem;
    padding-left: 1rem;
  }
}
.search-results.recipes .recipes-lister-wrapper {
  gap: 4rem;
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .search-results.recipes .main-container {
    max-width: 66rem;
  }
}
@media (min-width: 1280px) {
  .search-results.recipes .main-container {
    align-items: unset;
  }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .search-results.recipes .main-container .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    max-width: unset;
  }
}
@media (max-width: 1279.98px) {
  .search-results.recipes .main-container .product-grid .grid-footer,
  .search-results.recipes .main-container .product-grid .show-previous {
    grid-column-start: unset;
  }
}
@media (min-width: 1280px) {
  .search-results.recipes .main-container .product-grid {
    max-width: unset;
  }
}
@media (min-width: 768px) {
  .search-results.recipes .main-container .product-grid .recipe-tile {
    width: unset;
  }
}
@media (min-width: 1280px) {
  .search-results.recipes .main-container {
    max-width: unset;
    width: 48.5rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1440px) {
  .search-results.recipes .main-container {
    width: 58.5rem;
  }
}
@media (min-width: 1600px) {
  .search-results.recipes .main-container {
    width: 68.5rem;
  }
}
@media (min-width: 1920px) {
  .search-results.recipes .main-container {
    width: 88.5rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .search-results.recipes .refinement-bar:not(.show) {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .search-results.recipes .refinement-bar:not(.show) {
    display: block !important;
  }
}
@media (min-width: 1024px) {
  .search-results.recipes .grid-header {
    max-width: unset !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279.98px) {
  .search-results.recipes .filters-container {
    max-width: unset;
    width: 100%;
    min-width: unset;
    position: fixed;
    top: 0;
    left: 0;
  }
}
@media (min-width: 1280px) {
  .search-results.recipes .filters-container {
    width: 22.5rem;
  }
}

.refinement-top-level .refinement-bar-header .pull-right {
  display: block !important;
}
@media (min-width: 1280px) {
  .refinement-top-level .refinement-bar-header .pull-right {
    display: none !important;
  }
}

@media (max-width: 1279.98px) {
  .grid-header.recipes {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f5faff;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
    margin-bottom: 0;
  }
  .grid-header.recipes .result-count {
    display: none;
  }
  .grid-header.recipes .filter-results {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 0;
    z-index: 10;
    color: #0970e6;
    font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
    background: none;
    border: none;
  }
  .grid-header.recipes .filter-results .result-count {
    display: none;
  }
  .grid-header.recipes .filter-results i {
    margin-left: 0.5rem;
  }
  .grid-header.recipes .filter-results:focus, .grid-header.recipes .filter-results:focus-visible, .grid-header.recipes .filter-results:active {
    border: none;
    text-decoration: none;
    color: #0970e6;
    background-color: initial;
    box-shadow: none;
  }
  .refinement-bar {
    z-index: 1030;
    height: calc(100vh - 3.625rem);
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    display: none;
    position: fixed;
    overflow: auto;
  }
  .refinement-top-level {
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .refinement-top-level .refinement-bar-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
  }
  .refinement-top-level .refinement-bar-header p {
    color: #282828;
    font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.25rem;
    margin-bottom: 0;
  }
  .refinement-top-level .refinement-reset-button {
    display: none;
  }
  .refinements {
    margin-right: 0.5rem;
    margin-bottom: 5rem;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .refinements .card .card-header {
    padding-top: 0.6rem;
  }
  .refinements .card .card-header button span {
    color: #003569;
    font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
  }
  .refinements .card .card-body ul li.hidden {
    display: block;
  }
  .refinements .card .card-body ul .refinement-toggle-more {
    display: none;
  }
  .refinements .card .card-body::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 97%;
    height: 0.0625rem;
    background-color: #d9d9d9;
  }
  .refinement-bottom-level {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 0.0625rem solid #d9d9d9;
    background-color: white;
    padding: 1rem;
  }
  .refinement-bottom-level .refinement-apply-button {
    width: 50%;
  }
  .refinement-bottom-level .refinement-apply-button .close {
    display: block;
    width: 100%;
    height: 2.5rem;
    padding: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
    border-radius: 0.25rem;
    border: 1px solid #0970e6;
    background: #0970e6;
    color: #ffffff;
    text-shadow: none;
    opacity: 1;
    font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
  }
  .refinement-bottom-level .refinement-apply-button .close:focus, .refinement-bottom-level .refinement-apply-button .close:hover {
    opacity: 1;
  }
  .refinement-bottom-level .refinement-apply-button .close .header-bar {
    padding: 0;
    background-color: transparent;
    border-bottom: none;
  }
  .refinement-bottom-level .refinement-apply-button .close .header-bar .result-count {
    font-size: 1rem;
  }
  .refinement-bottom-level .refinement-reset-button {
    width: 50%;
  }
  .refinement-bottom-level .refinement-reset-button .reset {
    background: none;
    border: none;
    width: 100%;
    color: #0970e6;
    text-align: center;
    font-family: Ubuntu, BlinkMacSystemFont, "Open Sans", "sans-serif";
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.5rem;
  }
}
@media (max-width: 374.98px) {
  .refinements {
    margin-right: 0;
  }
  .refinement-bar {
    height: calc(100vh - 6.5rem);
  }
  .refinement-bottom-level {
    flex-direction: column;
    height: 6.5rem;
  }
  .refinement-bottom-level .refinement-apply-button, .refinement-bottom-level .refinement-reset-button {
    padding-top: 0.56rem;
    width: 100%;
  }
}
.refinement-bottom-level {
  display: flex !important;
}
@media (min-width: 1280px) {
  .refinement-bottom-level {
    display: none !important;
  }
}
.refinement-bottom-level .refinement-apply-button .header-bar,
.refinement-bottom-level .result-count {
  display: block !important;
}
@media (min-width: 1280px) {
  .refinement-bottom-level .refinement-apply-button .header-bar,
  .refinement-bottom-level .result-count {
    display: none !important;
  }
}

.product-breadcrumb .breadcrumb__item, .product-breadcrumb .breadcrumb a, .product-breadcrumb .breadcrumb i {
  color: #000;
}
.product-breadcrumb .breadcrumb .desktop-breadcrumb {
  margin-top: 1rem;
  padding-left: 1rem;
  margin-bottom: 0;
}

.recipes-overview-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.recipes-overview-title {
  font-size: 2rem;
}
.recipes-overview-button {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.recipes-overview-product-grid {
  display: grid;
  gap: 2rem;
  margin: 0 auto;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .recipes-overview-product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1280px) {
  .recipes-overview-product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1600px) {
  .recipes-overview-product-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1920px) {
  .recipes-overview-product-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

.thematic-carousel-wrapper {
  min-width: 21.5rem;
}
.thematic-carousel-wrapper .carousel-title {
  text-align: left;
  font-size: 2rem;
}
.thematic-carousel-wrapper .thematic-view-all {
  color: #0970e6;
  font-weight: 700;
  text-align: right;
  align-content: center;
}
.thematic-carousel-wrapper .thematic-carousel {
  margin-top: 2.5rem;
}
@media (max-width: 1023.98px) {
  .thematic-carousel-wrapper .thematic-carousel {
    margin-top: 1.5rem;
  }
}
.thematic-carousel-wrapper .thematic-carousel .owl-stage .photo-tile-container .photo-tile-image {
  width: 21.5rem;
  height: 21.5rem;
}

.featured-recipes .col-12 {
  padding-left: unset;
}
/*# sourceMappingURL=recipesSearch.css.map*/