/**
 * Production front-end CSS (was Theme Options / custom CSS).
 * Loaded last so it does not replace the production stylesheet files.
 */

.home-events,
.home-videos,
.lang-wrapper {
  display: none;
}

.search-wrapper {
  border: none;
}

.home-techniques .techniques-list {
  flex-wrap: wrap;
  justify-content: space-around !important;
}

.recipe-info .ingredient-list li {
  font-family: "Lidl";
}

.recipe-info .ingredient-list li span.h-text {
  font-family: "Lidl-Semibold";
  color: var(--colorSecBlue);
}

.recipe-info .ingredient-list li span {
  font-family: "Lidl-Semibold";
}

.main-footer-nav ul {
  gap: 0.5rem 4rem !important;
}

.tag-list {
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
}

.hero-bottom-card .tag-list {
  justify-content: start;
}

.single-lh_cooking_technique .article-meta .category a {
  filter: blur(6px);
  opacity: 0;
  transition: filter 220ms ease, opacity 220ms ease;
}

.single-lh_cooking_technique .article-meta .category a.localized {
  filter: blur(0);
  opacity: 1;
}

body.post-type-archive-lh_cooking_technique .page-title.main-title {
  filter: blur(6px);
  opacity: 0;
  transition: filter 220ms ease, opacity 220ms ease;
}

body.post-type-archive-lh_cooking_technique .page-title.main-title.localized {
  filter: blur(0);
  opacity: 1;
}

.recipes-filter-form > details.filter-block:not(.filter-block-parent) {
  display: none;
}

.single-recipe .two-col-grid .right-col {
  position: relative;
}

.single-recipe .two-col-grid .right-col:before {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  border-left: 1px solid var(--colorPrimaryBlue);
  height: calc(100% - 70px);
  top: 110px;
}

/* Category archives: first post as featured/major card */
body.category .archive-blog .grid > .card-wrapper:first-child {
  grid-column: 1 / -1;
  padding-bottom: clamp(23px, 4vw, 69px);
  border-bottom: 1px solid var(--colorPrimaryBlue);
}

body.category .archive-blog .grid > .card-wrapper:first-child .card {
  display: flex;
}

body.category .archive-blog .grid > .card-wrapper:first-child .card > div {
  width: 50%;
  border-radius: 10px;
}

body.category .archive-blog .grid > .card-wrapper:first-child .card-image {
  aspect-ratio: 1.628;
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

body.category .archive-blog .grid > .card-wrapper:first-child .card-image a,
body.category .archive-blog .grid > .card-wrapper:first-child .card-image picture {
  display: block;
  width: 100%;
  height: 100%;
}

body.category .archive-blog .grid > .card-wrapper:first-child .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.category .archive-blog .grid > .card-wrapper:first-child .card-info {
  background-color: var(--colorPrimaryBlue);
  display: grid;
  place-content: center start;
  padding: clamp(24px, 4vw, 48px);
}

body.category .archive-blog .grid > .card-wrapper:first-child .title,
body.category .archive-blog .grid > .card-wrapper:first-child .title a {
  color: var(--colorPrimaryYellow);
  font-size: 32px;
  line-height: 26px;
  letter-spacing: 0.48px;
  margin-bottom: 14px;
}

body.category .archive-blog .grid > .card-wrapper:first-child .lead {
  color: #fff;
  max-width: 539px;
  font-size: 21px;
  line-height: 25px;
  letter-spacing: 0.32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

body.category .archive-blog .grid > .card-wrapper:first-child .lead * {
  color: inherit;
}

@media screen and (max-width: 860px) {
  body.category .archive-blog .grid > .card-wrapper:first-child .card {
    display: block;
  }

  body.category .archive-blog .grid > .card-wrapper:first-child .card > div {
    width: 100%;
  }

  body.category .archive-blog .grid > .card-wrapper:first-child .card-info {
    padding: 30px 24px 42px;
    min-height: 200px;
  }
}

@media screen and (max-width: 620px) {
  body.category .archive-blog .grid > .card-wrapper:first-child .card-image {
    aspect-ratio: 1.603;
  }

  body.category .archive-blog .grid > .card-wrapper:first-child .lead {
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.27px;
  }
}

body.category .category-list {
  display: none;
}

body.category .archive-blog {
  padding-block: clamp(29px, 4vw, 69px) clamp(57px, 5vw, 78px);
}

.post-type-archive h1.page-title {
  text-transform: uppercase;
}

.single .article-header .main-title {
  color: #fff !important;
}

.single .post .article-header .lead {
  display: none;
}

@media (max-width: 680px) {
  .mobile-container .submenu .highlight {
    color: #fff !important;
  }

  .mobile-container .submenu .current_page_item .highlight {
    color: var(--colorPrimaryBlue) !important;
  }

  .techniques-list a {
    flex-direction: row-reverse;
  }

  .article-body .team-archive.team-archive-block {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 0;
  }

  .article-body .team-archive.team-archive-block .card-image {
    height: 100%;
  }
}

.grid .card-wrapper .card .card-info span.highlight {
  color: unset !important;
}

strong,
b {
  font-family: "Lidl-Semibold";
}

.home .card-info .title span.highlight {
  color: unset !important;
}

.hero-bottom-wrapper .hero-bottom-info .info-item:last-child {
  display: none;
}

.post-type-archive-lh_cooking_technique .major-card .card-info .title .highlight {
  color: var(--colorPrimaryYellow) !important;
}

.single-lh_cooking_technique .category a {
  text-transform: uppercase;
}

@media screen and (max-width: 660px) {
  .techniques-list img {
    min-width: 117px;
  }

  .techniques-list a {
    font-size: 24px;
    word-break: break-word;
    text-align: left;
    line-height: 25px;
  }
}

.single-recipe .pill .pill-label .highlight {
  color: var(--colorSecBlue);
}

.home .home-team {
  display: none;
}

@media (max-width: 410px) {
  .tablist {
    flex-direction: column;
  }

  .single-event .left-col {
    grid-template-columns: 1fr;
  }
}

.hero-bottom-info a,
.hero-bottom-info .hero-location-link {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.hero-bottom-info a:hover,
.hero-bottom-info .hero-location-link:hover {
  color: var(--colorPrimaryYellow);
}

.page-header .category a,
.article-header .category a {
  color: inherit;
  text-decoration: none;
}

.newsletter .newsletter-terms-row a {
  color: inherit;
  text-decoration: underline;
}

.input-box:has(select) > label {
  position: absolute;
  top: 0;
  left: 5px;
  font-size: 12px;
  transform: none;
  background-color: #fff;
  padding-inline: 2px;
}

.input-box select {
  width: 100%;
  min-height: 62px;
  padding: 22px 44px 12px 19px;
  border: 1px solid var(--colorSecBlue);
  border-radius: 4px;
  font-family: "Lidl-Book", sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: var(--colorSecBlue);
  background-color: #fff;
  background-image: url("../assets/icons/arrow-down.svg");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 14px 14px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}

.input-box select:focus {
  outline: none;
}