/* Recipe post type styles */
@import url("https://fonts.googleapis.com/css2?family=Baskervville&family=Lato&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Baskervville&family=Lato:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");
/* line 5, assets/css/includes/_02-typography.scss */
.recipes h1, .recipes h2, .recipes h3, .recipes h4, .recipes h5, .recipes h6 {
  font-family: 'Baskervville', serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

/* line 12, assets/css/includes/_02-typography.scss */
.recipes p, .recipes a, .recipes span {
  font-family: 'Lato', sans-serif;
  margin: 0;
  padding: 0;
}

/* line 17, assets/css/includes/_02-typography.scss */
.recipes h1 {
  font-size: 64px;
  letter-spacing: 0;
  line-height: 70px;
  text-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.38);
}

/* line 23, assets/css/includes/_02-typography.scss */
.recipes h4 {
  color: #222222;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 700;
}

/* line 30, assets/css/includes/_02-typography.scss */
.recipes p {
  font-size: 17px;
  line-height: 27px;
}

/* line 1, assets/css/includes/_09-global.scss */
.recipes {
  width: 100%;
  max-width: 1440px;
  position: relative;
  margin: -30px auto 0 auto;
  padding-top: 32px;
  background: #F6F7F9;
}

/* line 8, assets/css/includes/_09-global.scss */
.recipes .recipes-container {
  width: 100%;
  max-width: 1152px;
  position: relative;
  margin: 0 auto;
}

/* line 13, assets/css/includes/_09-global.scss */
.recipes .recipes-container .recipes-before-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 36px;
  margin-bottom: 33px;
}

/* line 18, assets/css/includes/_09-global.scss */
.recipes .recipes-container .recipes-before-header:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 8px;
  width: 24px;
  height: 24px;
  background: #AD3E81;
  -webkit-mask-image: url(../img/icon/Arrow-Right-Small.svg);
          mask-image: url(../img/icon/Arrow-Right-Small.svg);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media (max-width: 579px) {
  /* line 13, assets/css/includes/_09-global.scss */
  .recipes .recipes-container .recipes-before-header {
    margin-bottom: 24px;
  }
}

/* line 2, assets/css/includes/_editors_tip.scss */
.single-recipe .editors-tip {
  padding-bottom: 80px;
}

/* line 6, assets/css/includes/_editors_tip.scss */
.editors-tip {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
  background: #F6F7F9;
  position: relative;
}

/* line 12, assets/css/includes/_editors_tip.scss */
.editors-tip .editors-tip--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 45px 0 40px;
  margin: 0 auto;
  max-width: 1152px;
}

/* line 18, assets/css/includes/_editors_tip.scss */
.editors-tip .editors-tip--header h2 {
  color: #222222;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  padding: 0;
}

/* line 30, assets/css/includes/_editors_tip.scss */
.editors-tip .editors-tip--content {
  width: 100%;
  max-width: 1152px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

/* line 37, assets/css/includes/_editors_tip.scss */
.editors-tip .editors-tip--content-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  padding: 0 40px;
}

/* line 44, assets/css/includes/_editors_tip.scss */
.editors-tip .editors-tip--content-body h5 {
  color: #AD3E81;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
  text-align: center;
}

/* line 53, assets/css/includes/_editors_tip.scss */
.editors-tip .editors-tip--content-body h3 {
  color: #222222;
  font-family: Baskerville, serif;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 44px;
  text-align: center;
}

/* line 61, assets/css/includes/_editors_tip.scss */
.editors-tip .editors-tip--content-body a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  width: 255px;
  height: 44px;
  background: #000000;
  cursor: pointer;
}

/* line 78, assets/css/includes/_editors_tip.scss */
.editors-tip .editors-tip--content-image {
  position: relative;
  max-height: 460px;
  overflow: hidden;
}

/* line 82, assets/css/includes/_editors_tip.scss */
.editors-tip .editors-tip--content-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 87, assets/css/includes/_editors_tip.scss */
.editors-tip .editors-tip--content-image .editors-tip--editorscontent-tag {
  position: absolute;
  top: 22px;
  left: 24px;
  width: 163px;
  height: 24px;
  color: #FFFFFF;
  background: #B876A2;
  text-align: center;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.8px;
  line-height: 22px;
  text-transform: uppercase;
}

/* line 2, assets/css/includes/_owl_controls.scss */
.owl-controls .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  width: calc(100% - 100px);
  max-width: calc(100vw - 100px);
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  margin-top: 15px;
}

/* line 12, assets/css/includes/_owl_controls.scss */
.owl-controls .owl-nav .owl-prev,
.owl-controls .owl-nav .owl-next {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: url("../img/icon/Arrow-Right.svg") no-repeat center;
  height: 64px;
  width: 64px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.45);
          box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.45);
  font-size: 0;
  border-radius: 32px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  opacity: 30%;
}

/* line 24, assets/css/includes/_owl_controls.scss */
.owl-controls .owl-nav .owl-prev:hover,
.owl-controls .owl-nav .owl-next:hover {
  opacity: 100%;
}

/* line 28, assets/css/includes/_owl_controls.scss */
.owl-controls .owl-nav .owl-prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-left: -61px;
}

@media screen and (max-width: 640px) {
  /* line 34, assets/css/includes/_owl_controls.scss */
  .owl-controls .owl-nav {
    max-width: calc(100vw - 50px);
  }
  /* line 36, assets/css/includes/_owl_controls.scss */
  .owl-controls .owl-nav .owl-prev,
  .owl-controls .owl-nav .owl-next {
    height: 40px;
    width: 40px;
    border-radius: 20px;
  }
  /* line 42, assets/css/includes/_owl_controls.scss */
  .owl-controls .owl-nav .owl-prev {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

/* line 1, assets/css/includes/_recipe_categories_list.scss */
.recipes-categories-list {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 15px;
  background: #F6F7F9;
  position: relative;
}

/* line 8, assets/css/includes/_recipe_categories_list.scss */
.recipes-categories-list .recipes-categories-list-container {
  width: 100%;
  max-width: 1212px;
  margin: 0 auto;
}

/* line 12, assets/css/includes/_recipe_categories_list.scss */
.recipes-categories-list .recipes-categories-list-container .recipes-categories-list--header {
  padding: 0;
}

/* line 13, assets/css/includes/_recipe_categories_list.scss */
.recipes-categories-list .recipes-categories-list-container .recipes-categories-list--header h1 {
  color: #222222;
  font-family: Baskerville, serif;
  font-size: 50px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 56px;
  text-align: center;
  margin: 0;
}

/* line 23, assets/css/includes/_recipe_categories_list.scss */
.recipes-categories-list .recipes-categories-list-container .recipes-categories-list--header p {
  text-align: center;
  color: #959595;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 23px;
}

/* line 35, assets/css/includes/_recipe_categories_list.scss */
.recipes-categories-list .recipes-categories-list-container .recipes-categories-list-body h3 {
  margin: 20px 0 5px 0;
}

/* line 38, assets/css/includes/_recipe_categories_list.scss */
.recipes-categories-list .recipes-categories-list-container .recipes-categories-list-body ul {
  padding: 0;
}

/* line 41, assets/css/includes/_recipe_categories_list.scss */
.recipes-categories-list .recipes-categories-list-container .recipes-categories-list-body li {
  list-style-type: none;
}

/* line 44, assets/css/includes/_recipe_categories_list.scss */
.recipes-categories-list .recipes-categories-list-container .recipes-categories-list-body a {
  display: block;
  padding: 3px 5px;
}

/* line 48, assets/css/includes/_recipe_categories_list.scss */
.recipes-categories-list .recipes-categories-list-container .recipes-categories-list-body li:nth-child(2n+1) {
  background: #ffffff;
}

/* line 1, assets/css/includes/_recipe_categories.scss */
.recipe-categories {
  background: #F6F7F9;
  max-width: 1380px;
  margin: 0 auto;
  padding: 0;
}

/* line 7, assets/css/includes/_recipe_categories.scss */
.recipe-categories .owl-stage {
  padding-left: 0 !important;
}

/* line 10, assets/css/includes/_recipe_categories.scss */
.recipe-categories .owl-stage .owl-item:not(.active) {
  opacity: 0.4;
}

@media (max-width: 579px) {
  /* line 16, assets/css/includes/_recipe_categories.scss */
  .recipe-categories .owl-stage {
    padding-left: 15px !important;
  }
}

/* line 21, assets/css/includes/_recipe_categories.scss */
.recipe-categories .recipe-categories--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px 40px 15px;
  margin: 0 auto;
  max-width: 1212px;
}

/* line 28, assets/css/includes/_recipe_categories.scss */
.recipe-categories .recipe-categories--header h2 {
  color: #222222;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  padding: 0;
}

/* line 39, assets/css/includes/_recipe_categories.scss */
.recipe-categories .recipe-categories--content {
  width: 100%;
  max-width: 1212px;
  padding: 0 15px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 24px;
  margin: 0 auto;
}

/* line 48, assets/css/includes/_recipe_categories.scss */
.recipe-categories .recipe-categories--category {
  position: relative;
  width: 100%;
  min-height: 350px;
  background: darkgray;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  overflow: hidden;
}

@media (max-width: 579px) {
  /* line 48, assets/css/includes/_recipe_categories.scss */
  .recipe-categories .recipe-categories--category {
    min-height: 235px;
  }
}

/* line 63, assets/css/includes/_recipe_categories.scss */
.recipe-categories .recipe-category--image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 70, assets/css/includes/_recipe_categories.scss */
.recipe-categories .recipe-category--image:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

/* line 81, assets/css/includes/_recipe_categories.scss */
.recipe-categories .recipe-category--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* line 86, assets/css/includes/_recipe_categories.scss */
.recipe-categories .recipe-categories--category-title {
  z-index: 2;
  position: absolute;
  bottom: 70px;
  width: 100%;
  padding: 0 10px;
  left: 0;
  text-align: center;
}

@media (max-width: 579px) {
  /* line 86, assets/css/includes/_recipe_categories.scss */
  .recipe-categories .recipe-categories--category-title {
    bottom: 0;
  }
}

/* line 97, assets/css/includes/_recipe_categories.scss */
.recipe-categories .recipe-categories--category-title h3 {
  color: #FFFFFF;
  font-family: Baskerville, serif;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 26px;
  margin: 9px 0 23px;
}

@media (max-width: 579px) {
  /* line 97, assets/css/includes/_recipe_categories.scss */
  .recipe-categories .recipe-categories--category-title h3 {
    font-size: 16px;
  }
}

/* line 109, assets/css/includes/_recipe_categories.scss */
.recipe-categories .recipe-categories--category-link {
  margin-bottom: 27px;
  z-index: 2;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

/* line 119, assets/css/includes/_recipe_categories.scss */
.recipe-categories .recipe-categories--category-link span {
  display: block;
  margin: auto;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 40px;
  text-align: center;
  width: 223px;
  height: 44px;
  border: 1px solid #FFFFFF;
  background: transparent;
  cursor: pointer;
}

@media (max-width: 579px) {
  /* line 109, assets/css/includes/_recipe_categories.scss */
  .recipe-categories .recipe-categories--category-link {
    display: none;
  }
}

/* line 1, assets/css/includes/_recipe_of_the_day.scss */
.recipe-of-the-day {
  width: 100%;
  max-width: 1212px;
  padding: 0 15px 0 15px;
  margin: 0 auto;
  background: #F6F7F9;
  position: relative;
}

/* line 10, assets/css/includes/_recipe_of_the_day.scss */
.recipe-of-the-day--recipe {
  margin: 0 auto;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

/* line 18, assets/css/includes/_recipe_of_the_day.scss */
.recipe-of-the-day--recipe .row {
  margin: 0;
}

@media (max-width: 579px) {
  /* line 18, assets/css/includes/_recipe_of_the_day.scss */
  .recipe-of-the-day--recipe .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

/* line 26, assets/css/includes/_recipe_of_the_day.scss */
.recipe-of-the-day--recipe .recipe-of-the-day--recipe-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFFFFF;
  padding: 0;
}

@media (max-width: 579px) {
  /* line 26, assets/css/includes/_recipe_of_the_day.scss */
  .recipe-of-the-day--recipe .recipe-of-the-day--recipe-body {
    padding: 30px 20px;
  }
}

/* line 36, assets/css/includes/_recipe_of_the_day.scss */
.recipe-of-the-day--recipe .recipe-of-the-day--recipe-body h3 {
  color: #222222;
  font-family: Baskerville, serif;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 44px;
  text-align: center;
}

/* line 43, assets/css/includes/_recipe_of_the_day.scss */
.recipe-of-the-day--recipe .recipe-of-the-day--recipe-body h3 a {
  color: #000000;
}

@media (max-width: 579px) {
  /* line 36, assets/css/includes/_recipe_of_the_day.scss */
  .recipe-of-the-day--recipe .recipe-of-the-day--recipe-body h3 {
    font-size: 26px;
  }
}

/* line 50, assets/css/includes/_recipe_of_the_day.scss */
.recipe-of-the-day--recipe .recipe-of-the-day--recipe-body a.recipes-slider--more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  width: 255px;
  height: 44px;
  background: #000000;
  cursor: pointer;
}

@media (max-width: 579px) {
  /* line 50, assets/css/includes/_recipe_of_the_day.scss */
  .recipe-of-the-day--recipe .recipe-of-the-day--recipe-body a.recipes-slider--more {
    border-radius: 3px;
  }
}

/* line 70, assets/css/includes/_recipe_of_the_day.scss */
.recipe-of-the-day--recipe .recipe-of-the-day--recipe-image {
  position: relative;
  max-height: 460px;
  overflow: hidden;
  padding: 0;
}

@media (max-width: 579px) {
  /* line 70, assets/css/includes/_recipe_of_the_day.scss */
  .recipe-of-the-day--recipe .recipe-of-the-day--recipe-image {
    padding: 260px 0 0 0;
  }
}

/* line 78, assets/css/includes/_recipe_of_the_day.scss */
.recipe-of-the-day--recipe .recipe-of-the-day--recipe-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 579px) {
  /* line 78, assets/css/includes/_recipe_of_the_day.scss */
  .recipe-of-the-day--recipe .recipe-of-the-day--recipe-image img {
    position: absolute;
    top: 0;
  }
}

/* line 87, assets/css/includes/_recipe_of_the_day.scss */
.recipe-of-the-day--recipe .recipe-of-the-day--recipe-image .recipe-of-the-day--recipe-tag {
  position: absolute;
  top: 15px;
  left: 24px;
  width: 163px;
  height: 24px;
  color: #FFFFFF;
  background: #AD3E81;
  text-align: center;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.8px;
  line-height: 22px;
  text-transform: uppercase;
}

@media (max-width: 579px) {
  /* line 87, assets/css/includes/_recipe_of_the_day.scss */
  .recipe-of-the-day--recipe .recipe-of-the-day--recipe-image .recipe-of-the-day--recipe-tag {
    border-radius: 3px;
  }
}

/* line 106, assets/css/includes/_recipe_of_the_day.scss */
.recipe-of-the-day--recipe .recipe-of-the-day--recipe-image .recipe-of-the-day--recipe-info {
  position: absolute;
  bottom: 16px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 112, assets/css/includes/_recipe_of_the_day.scss */
.recipe-of-the-day--recipe .recipe-of-the-day--recipe-image .recipe-of-the-day--recipe-info {
  position: absolute;
  width: 100%;
  height: 75px;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  padding: 10px 23px;
}

/* line 130, assets/css/includes/_recipe_of_the_day.scss */
.recipe-of-the-day--recipe .recipe-of-the-day--recipe-image .recipe-of-the-day--recipe-info span.difficulty:after {
  content: '';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 12px;
  height: 12px;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  margin-left: 10px;
}

/* line 1, assets/css/includes/_recipe_resutls.scss */
.recipes-results {
  background: #fff;
}

/* line 4, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px 40px 15px;
  margin: 0 auto;
  max-width: 1212px;
}

@media (max-width: 579px) {
  /* line 4, assets/css/includes/_recipe_resutls.scss */
  .recipes-results .recipes-results--header {
    padding: 0 15px 40px 15px;
  }
}

/* line 13, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--header h2 {
  color: #222222;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 32px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0;
  padding: 0;
}

/* line 25, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipes {
  width: 100%;
  max-width: 1212px;
  padding: 0 15px;
  margin: 0 auto;
}

/* line 30, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipes .row {
  margin-left: -15px;
  margin-right: -15px;
}

@media (max-width: 579px) {
  /* line 35, assets/css/includes/_recipe_resutls.scss */
  .recipes-results .recipes-results--recipes .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}

/* line 40, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipes .recipes-results--recipe {
  margin-bottom: 40px;
}

/* line 43, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipes .recipes-results--thumbnail {
  width: 100%;
  height: 135px;
  position: relative;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}

/* line 50, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipes .recipes-results--thumbnail a {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 55, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipes .recipes-results--thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 579px) {
  /* line 43, assets/css/includes/_recipe_resutls.scss */
  .recipes-results .recipes-results--recipes .recipes-results--thumbnail {
    height: 184px;
  }
}

/* line 65, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipe-overlay {
  position: absolute;
  width: 100%;
  height: 75px;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

/* line 74, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipe-info {
  position: absolute;
  width: calc(100% - 48px);
  bottom: 10px;
  left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}

/* line 86, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipe-info .circle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 12px;
  height: 12px;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  margin: -0.5px 2px;
}

/* line 95, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipe-body {
  height: calc(100% - 135px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 24px 16px;
  background: #F6F7F9;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

@media (max-width: 579px) {
  /* line 95, assets/css/includes/_recipe_resutls.scss */
  .recipes-results .recipes-results--recipe-body {
    height: auto;
  }
}

/* line 110, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipe-body h3 {
  color: #222222;
  font-family: Baskerville, sans-serif;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28px;
}

/* line 117, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipe-body h3 a {
  color: #000000;
}

/* line 121, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipe-body a.recipes-results--more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  width: 100%;
  height: 44px;
  border: 1px solid #000000;
  background: transparent;
  cursor: pointer;
  border-radius: 3px;
}

/* line 139, assets/css/includes/_recipe_resutls.scss */
.recipes-results .recipes-results--recipe-body p {
  color: #AD3E81;
  font-family: Baskerville, sans-serif;
  letter-spacing: 0;
  line-height: 28px;
  margin: 30px 0 0 0;
}

/* line 1, assets/css/includes/_recipe_search.scss */
.recipes-search {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 15px;
  background: #F6F7F9;
  position: relative;
}

/* line 8, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container {
  width: 100%;
  max-width: 1212px;
  margin: 0 auto;
}

/* line 12, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search--header {
  padding: 0 0 40px 0;
  border-bottom: 1px solid #D6DDEA;
}

/* line 13, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search--header h1 {
  color: #222222;
  font-family: Baskerville, serif;
  font-size: 50px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 56px;
  text-align: center;
  margin: 0;
}

/* line 23, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search--header p {
  text-align: center;
  color: #959595;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 23px;
}

/* line 36, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-body form {
  padding: 15px 15px 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 579px) {
  /* line 36, assets/css/includes/_recipe_search.scss */
  .recipes-search .recipes-search-container .recipes-search-body form {
    padding: 15px 15px 0 15px;
  }
}

/* line 44, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-body form input[type="text"] {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: calc(100% - 89px);
  max-width: 400px;
}

@media (max-width: 579px) {
  /* line 44, assets/css/includes/_recipe_search.scss */
  .recipes-search .recipes-search-container .recipes-search-body form input[type="text"] {
    border-radius: 3px;
  }
}

/* line 52, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-body form input[type="submit"] {
  background: #000000;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 73px;
  margin-left: 16px;
}

@media (max-width: 579px) {
  /* line 52, assets/css/includes/_recipe_search.scss */
  .recipes-search .recipes-search-container .recipes-search-body form input[type="submit"] {
    border-radius: 3px;
  }
}

/* line 63, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-results {
  width: 100%;
  max-width: 1212px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 24px;
}

@media screen and (max-width: 960px) {
  /* line 63, assets/css/includes/_recipe_search.scss */
  .recipes-search .recipes-search-container .recipes-search-results {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 640px) {
  /* line 63, assets/css/includes/_recipe_search.scss */
  .recipes-search .recipes-search-container .recipes-search-results {
    grid-template-columns: 1fr;
  }
}

/* line 76, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-results .recipes-search-results--result {
  margin-bottom: 24px;
}

/* line 79, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-results .recipes-search-results--result-thumbnail {
  position: relative;
  max-height: 184px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
}

/* line 85, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-results .recipes-search-results--result-thumbnail img {
  width: 100%;
}

/* line 89, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-results .recipes-search-results--result-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.7;
  background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

/* line 97, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-results .recipes-search-results--result-overlay a {
  display: block;
  height: 100%;
  width: 100%;
}

/* line 103, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-results .recipes-search-results--result-info {
  position: absolute;
  width: calc(100% - 48px);
  bottom: 10px;
  left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}

/* line 118, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-results .recipes-search-results--result-info span.difficulty .circle {
  content: '';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 12px;
  height: 12px;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  margin-left: 10px;
}

/* line 130, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-results .recipes-search-results--result-body {
  padding: 24px;
  background: #ffffff;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}

/* line 139, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-results .recipes-search-results--result-body p {
  color: #AD3E81;
  font-family: Lato, sans-serif;
  margin: 0;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
}

/* line 149, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-results .recipes-search-results--result-body h3 {
  color: #222222;
  font-family: Baskerville, serif;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 32px;
  margin: 9px 0 19px;
  min-height: 64px;
}

/* line 159, assets/css/includes/_recipe_search.scss */
.recipes-search .recipes-search-container .recipes-search-results .recipes-search-results--result-body a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  width: 100%;
  height: 44px;
  background: #000000;
  cursor: pointer;
}

/* line 2, assets/css/includes/_recipe_slider.scss */
.single-recipe .recipes-slider {
  background: #FFFFFF;
}

/* line 4, assets/css/includes/_recipe_slider.scss */
.single-recipe .recipes-slider.gray {
  background: #FFFFFF;
}

/* line 10, assets/css/includes/_recipe_slider.scss */
.recipes-slider {
  width: 100%;
  max-width: 1380px;
  position: relative;
  margin: 0 auto;
}

/* line 16, assets/css/includes/_recipe_slider.scss */
.recipes-slider .owl-stage {
  padding-left: 0 !important;
  padding-bottom: 30px;
}

/* line 20, assets/css/includes/_recipe_slider.scss */
.recipes-slider .owl-stage .owl-item:not(.active) {
  opacity: 0.4;
}

/* line 25, assets/css/includes/_recipe_slider.scss */
.recipes-slider.gray {
  background: #F6F7F9;
}

/* line 29, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider-container {
  width: 100%;
  padding: 70px 0;
}

/* line 33, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 15px 15px 15px;
  margin: 0 auto;
  max-width: 1212px;
}

@media (max-width: 579px) {
  /* line 33, assets/css/includes/_recipe_slider.scss */
  .recipes-slider .recipes-slider--header {
    display: inherit;
  }
}

/* line 42, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--header h2 {
  color: #222222;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 0 15px 0;
  padding: 0;
}

/* line 53, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--header a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin: 0;
  padding: 0;
  padding-right: 24px;
}

/* line 59, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--header a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: #B876A2;
  -webkit-mask-image: url(../img/icon/Arrow-Right-Small.svg);
  mask-image: url(../img/icon/Arrow-Right-Small.svg);
}

@media (max-width: 579px) {
  /* line 53, assets/css/includes/_recipe_slider.scss */
  .recipes-slider .recipes-slider--header a {
    display: table;
  }
}

/* line 76, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--recipes {
  width: 100%;
  max-width: 1212px;
  padding: 0 15px 0 0;
  margin: 0 auto;
}

@media (max-width: 579px) {
  /* line 76, assets/css/includes/_recipe_slider.scss */
  .recipes-slider .recipes-slider--recipes {
    padding: 0;
  }
}

/* line 85, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--recipe {
  margin: 0 auto;
  padding: 0 15px;
}

/* line 89, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--recipe-thumbnail {
  position: relative;
  max-height: 184px;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

/* line 96, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--recipe-thumbnail img {
  width: 100%;
}

/* line 99, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--recipe-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.7;
  background: -webkit-gradient(linear, left bottom, left top, from(#000000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

/* line 107, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--recipe-overlay a {
  display: block;
  width: 100%;
  height: 100%;
}

/* line 113, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--recipe-info {
  position: absolute;
  width: calc(100% - 48px);
  bottom: 10px;
  left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}

/* line 125, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--recipe-info .circle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 12px;
  height: 12px;
  border: 1px solid #FFFFFF;
  border-radius: 6px;
  margin: -0.5px 2px;
}

/* line 134, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--recipe-body {
  padding: 24px 12px;
  background: #ffffff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
          box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* line 143, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--recipe-body p {
  color: #AD3E81;
  font-family: Lato, sans-serif;
  margin: 0;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 23px;
}

/* line 153, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--recipe-body h3 {
  color: #222222;
  font-family: Baskerville, serif;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 32px;
  margin: 9px 0 19px;
  min-height: 64px;
}

/* line 161, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--recipe-body h3 a {
  color: #000000;
}

/* line 166, assets/css/includes/_recipe_slider.scss */
.recipes-slider .recipes-slider--recipe-body a.recipes-slider--more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #FFFFFF;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
  width: 100%;
  height: 44px;
  background: #000000;
  cursor: pointer;
  border-radius: 3px;
}

/* line 3, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .row {
  margin-left: 0;
  margin-right: 0;
}

/* line 7, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}

@media (min-width: 580px) {
  /* line 7, assets/css/includes/_single_recipe.scss */
  .recipes .recipes-container .recipes-header {
    height: 650px;
    margin: 0 10px;
  }
}

@media (max-width: 579px) {
  /* line 7, assets/css/includes/_single_recipe.scss */
  .recipes .recipes-container .recipes-header {
    border-radius: 0;
    max-height: 450px;
  }
}

/* line 19, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header img {
  min-width: 100%;
  height: auto;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 580px) {
  /* line 19, assets/css/includes/_single_recipe.scss */
  .recipes .recipes-container .recipes-header img {
    position: absolute;
    top: 50%;
    margin-top: -50%;
  }
}

/* line 30, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header .recipe-header--overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  background: -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(26.76%, #000000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, #000000 0%, #000000 26.76%, rgba(0, 0, 0, 0) 100%);
}

/* line 41, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header .recipes-header--tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 40px;
  left: 40px;
  height: 24px;
  padding: 0 12px;
  background: #AD3E81;
  border-radius: 5px;
}

/* line 51, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header .recipes-header--tags span {
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 579px) {
  /* line 41, assets/css/includes/_single_recipe.scss */
  .recipes .recipes-container .recipes-header .recipes-header--tags {
    left: 15px;
    top: 22px;
  }
}

/* line 62, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header .recipes-header--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  left: 40px;
  bottom: 80px;
  width: 100%;
  max-width: 584px;
}

/* line 70, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header .recipes-header--content h1, .recipes .recipes-container .recipes-header .recipes-header--content p {
  color: #ffffff;
}

/* line 73, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header .recipes-header--content h1 {
  margin-bottom: 21px;
  font-weight: 400;
}

/* line 77, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header .recipes-header--content p {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}

@media (max-width: 579px) {
  /* line 62, assets/css/includes/_single_recipe.scss */
  .recipes .recipes-container .recipes-header .recipes-header--content {
    left: 15px;
    padding-right: 15px;
    bottom: 85px;
  }
  /* line 87, assets/css/includes/_single_recipe.scss */
  .recipes .recipes-container .recipes-header .recipes-header--content h1 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 10px;
  }
}

/* line 95, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header .recipes-header--time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  height: 44px;
  right: 40px;
  bottom: 42px;
  padding: 0 15px;
  background: #ffffff;
  color: #222222;
  border-radius: 5px;
  font-size: 14px;
  font-family: Lato, sans-serif;
}

/* line 108, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header .recipes-header--time .recipes-header--time--divider {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 30px;
  width: 1px;
  background: #D6DDEA;
  margin: 0 15px;
}

/* line 115, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header .recipes-header--time .recipes-header--time--difficulty {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 118, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header .recipes-header--time .recipes-header--time--difficulty .circle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 12px;
  height: 12px;
  border: 1px solid #222222;
  border-radius: 6px;
  margin: 3.5px 6px;
}

/* line 127, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-header .recipes-header--time .recipes-header--time--time {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (max-width: 579px) {
  /* line 95, assets/css/includes/_single_recipe.scss */
  .recipes .recipes-container .recipes-header .recipes-header--time {
    left: 15px;
    bottom: 22px;
    right: auto;
  }
}

/* line 137, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main {
  padding: 81px 0 62px;
  color: #222222;
}

@media (max-width: 579px) {
  /* line 137, assets/css/includes/_single_recipe.scss */
  .recipes .recipes-container .recipes-main {
    padding: 40px 0 62px;
  }
}

/* line 143, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients {
  background: #ffffff;
  padding: 26px 24px 36px;
  margin-bottom: 36px;
  margin-top: 4px;
}

/* line 148, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients a {
  color: #222222;
}

/* line 151, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--persons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}

/* line 156, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--persons h4 {
  margin-right: auto;
}

/* line 159, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--persons .recipe-ingredients--person-number,
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--persons .recipe-ingredients--person-decrease,
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--persons .recipe-ingredients--person-increase {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/* line 164, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--persons .recipe-ingredients--person-decrease,
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--persons .recipe-ingredients--person-increase {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
  cursor: pointer;
  font-size: 0;
}

/* line 176, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--persons .recipe-ingredients--person-decrease {
  background: url("../img/icon/Minus.svg") no-repeat center;
  background-size: 16px;
  margin: 0 16px 0 0;
}

/* line 181, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--persons .recipe-ingredients--person-increase {
  background: url("../img/icon/Plus.svg") no-repeat center;
  background-size: 16px;
  margin: 0 0 0 16px;
}

/* line 187, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--ingredient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 189, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--ingredient a {
  text-decoration: underline;
}

/* line 192, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--ingredient a:hover {
  text-decoration: none;
}

/* line 195, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--ingredient span {
  font-size: 17px;
  line-height: 27px;
}

/* line 199, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--ingredient .recipe-ingredients--ingredient-quantity {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 128px;
}

/* line 203, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipe-ingredients .recipe-ingredients--ingredient .recipe-ingredients--ingredient-name {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/* line 209, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipes-main--step h2 {
  color: #222222;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 12px;
}

/* line 217, assets/css/includes/_single_recipe.scss */
.recipes .recipes-container .recipes-main .recipes-main--step p {
  margin-bottom: 36px;
}

/* line 228, assets/css/includes/_single_recipe.scss */
.recipe {
  width: 100%;
  max-width: 1380px;
  margin: -30px auto 0 auto;
  position: relative;
  background: #F6F7F9;
}

/* line 235, assets/css/includes/_single_recipe.scss */
.recipe .recipe-container {
  width: 100%;
  max-width: 1152px;
  margin: 0 auto;
  display: grid;
  grid-column-gap: 25px;
  grid-template-columns: 4fr 1fr 6fr 1fr;
  grid-template-areas: "before-hero before-hero before-hero before-hero"
 "hero hero hero hero"
 "sidebar . main .";
  border-bottom: 1px solid #D6DDEA;
}

/* line 248, assets/css/includes/_single_recipe.scss */
.recipe .recipe-hero {
  width: 100%;
  position: relative;
  grid-area: hero;
}

/* line 253, assets/css/includes/_single_recipe.scss */
.recipe .recipe-before-hero {
  padding: 33px 0 32px;
  grid-area: before-hero;
}

/* line 257, assets/css/includes/_single_recipe.scss */
.recipe .recipe-before-hero--back a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  margin: 0;
  padding: 0;
  padding-left: 24px;
}

/* line 264, assets/css/includes/_single_recipe.scss */
.recipe .recipe-before-hero--back a:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: #AD3E81;
  -webkit-mask-image: url(../img/icon/Arrow-Right-Small.svg);
  mask-image: url(../img/icon/Arrow-Right-Small.svg);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/* line 277, assets/css/includes/_single_recipe.scss */
.recipe .recipe-cover--bg {
  max-height: 485px;
  overflow: hidden;
}

/* line 281, assets/css/includes/_single_recipe.scss */
.recipe .recipe-cover--bg img {
  min-width: 100%;
  height: auto;
}

/* line 285, assets/css/includes/_single_recipe.scss */
.recipe .recipe-cover--overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  background: -webkit-gradient(linear, left bottom, left top, from(#000000), color-stop(26.76%, #000000), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(0deg, #000000 0%, #000000 26.76%, rgba(0, 0, 0, 0) 100%);
}

/* line 296, assets/css/includes/_single_recipe.scss */
.recipe .recipe-cover--details {
  position: absolute;
  width: 100%;
  max-width: 600px;
  left: 40px;
  bottom: 53px;
}

/* line 302, assets/css/includes/_single_recipe.scss */
.recipe .recipe-cover--details h1 {
  color: #ffffff;
  font-family: 'Baskervville', serif;
  font-weight: 400;
  font-size: 64px;
  letter-spacing: 0;
  line-height: 70px;
  text-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.38);
  margin-bottom: 21px;
}

/* line 312, assets/css/includes/_single_recipe.scss */
.recipe .recipe-cover--details p {
  margin: 0;
  color: #FFFFFF;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}

/* line 321, assets/css/includes/_single_recipe.scss */
.recipe .recipe-cover--time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 200px;
  height: 44px;
  right: 40px;
  bottom: 42px;
  border-radius: 5px;
  background-color: #FFFFFF;
}

/* line 330, assets/css/includes/_single_recipe.scss */
.recipe .recipe-cover--time::after {
  content: '';
  display: block;
  position: absolute;
  width: 1px;
  height: 30px;
  top: 7px;
  left: calc(50% - 0.5px);
  background: #D6DDEA;
}

/* line 340, assets/css/includes/_single_recipe.scss */
.recipe .recipe-cover--time span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #222222;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  width: 100px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 351, assets/css/includes/_single_recipe.scss */
.recipe .recipe-cover--time span.difficulty:after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #222222;
  border-radius: 6px;
  margin-left: 10px;
}

/* line 363, assets/css/includes/_single_recipe.scss */
.recipe .recipe-sidebar {
  grid-area: sidebar;
  margin-top: 81px;
}

/* line 367, assets/css/includes/_single_recipe.scss */
.recipe .recipe-main {
  grid-area: main;
  margin-top: 81px;
}

/* line 371, assets/css/includes/_single_recipe.scss */
.recipe .recipe-ingredients {
  padding: 24px 24px 36px;
  background: #ffffff;
}

/* line 375, assets/css/includes/_single_recipe.scss */
.recipe .recipe-ingredients--no-of-person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* line 378, assets/css/includes/_single_recipe.scss */
.recipe .recipe-ingredients h4 {
  color: #222222;
  font-family: Baskerville, serif;
  font-size: 22px;
  letter-spacing: 0;
  line-height: 28px;
  display: inline-block;
  margin-right: 33px;
}

/* line 387, assets/css/includes/_single_recipe.scss */
.recipe .recipe-ingredients--ingredient {
  display: table;
  color: #222222;
  font-family: Lato, sans-serif;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 27px;
}

/* line 395, assets/css/includes/_single_recipe.scss */
.recipe .recipe-ingredients--ingredient-quantity {
  display: table-cell;
  width: 130px;
}

/* line 399, assets/css/includes/_single_recipe.scss */
.recipe .recipe-ingredients--ingredient-name {
  display: table-cell;
  text-decoration: underline;
}

/* line 403, assets/css/includes/_single_recipe.scss */
.recipe .recipe-ingredients--no-of-person span {
  color: #222222;
  font-family: Lato, sans-serif;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 25px;
}

/* line 410, assets/css/includes/_single_recipe.scss */
.recipe .recipe-ingredients--no-of-person span.no-of-person {
  margin-right: 5px;
}

/* line 413, assets/css/includes/_single_recipe.scss */
.recipe .recipe-ingredients--no-of-person span.decrease-no-of-person,
.recipe .recipe-ingredients--no-of-person span.increase-no-of-person {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  text-align: center;
  cursor: pointer;
  font-size: 0;
}

/* line 425, assets/css/includes/_single_recipe.scss */
.recipe .recipe-ingredients--no-of-person span.decrease-no-of-person {
  background: url("../img/icon/Minus.svg") no-repeat center;
  background-size: 16px;
}

/* line 429, assets/css/includes/_single_recipe.scss */
.recipe .recipe-ingredients--no-of-person span.increase-no-of-person {
  background: url("../img/icon/Plus.svg") no-repeat center;
  background-size: 16px;
}

/* line 433, assets/css/includes/_single_recipe.scss */
.recipe .recipe-ingredients--no-of-person span.decrease-no-of-person {
  margin: 0 16px 0 0;
}

/* line 436, assets/css/includes/_single_recipe.scss */
.recipe .recipe-ingredients--no-of-person span.increase-no-of-person {
  margin: 0 0 0 16px;
}

/* line 439, assets/css/includes/_single_recipe.scss */
.recipe .recipe-main h3 {
  color: #222222;
  font-family: Baskerville, serif;
  font-size: 26px;
  letter-spacing: 0;
  line-height: 32px;
  margin: 26px 0 10px;
}

/* line 446, assets/css/includes/_single_recipe.scss */
.recipe .recipe-main h3 h5 {
  color: #222222;
  font-family: Lato, sans-serif;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 23px;
  margin: 10px 0;
}

/* line 455, assets/css/includes/_single_recipe.scss */
.recipe .recipe-main h3 p {
  color: #222222;
  font-family: Lato, sans-serif;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 27px;
  margin: 10px 0;
}