/*Product listing */
.product-listing-block ul > li {
  width: 33.33%;
  list-style-type: none;
  text-align: center;
  position: relative;
}

.product-listing-block ul.grow-element > li {
  flex-grow: 1;
}

.product-listing-block .item-list ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0;
}
.view-product-listing .views-infinite-scroll-content-wrapper {
  width: 100%;
  margin-bottom: 20px;
}
.product-listing-block .product-list--content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 8px;
  padding: 30px 20px 30px 20px;
}
.product-listing-block .product-list--img {
  padding-top: 50px;
}
.product-listing-block .product-list {
  padding-bottom: 100px;
  text-align: center;
}

.product-listing-block .product-list--img img {
  max-width: 100%;
  margin: 0 auto;
  padding: 20px;
}
.product-listing-block .product-list--content a {
  text-decoration: underline;
}
.view-product-listing ul.js-pager__items li {
  list-style-type: none;
  text-align: center;
  display: inline-block;
  background: none;
  margin: 0 auto;
}
.view-product-listing ul.js-pager__items {
  padding: 25px;
  margin: 0 auto;
  text-align: center;
}
/* Product details*/
.field.field--name-field-image.field--type-image.field--label-above {
  max-width: 100%;
  margin: 0 auto;
  float: none;
  padding: 20px;
}
.field.field--name-field-image.field--type-image.field--label-above .field__label {
  display: none;
}
.block-field-blocknodeproductfield-image .field__item {
  margin: 0 auto;
  width: 100%;
  float: none;
  text-align: center;
}

.block-field-blocknodeproductfield-image .field__item img {
  max-width: 100%;
  height: auto;
}

.block-extra-field-blocknodeproductrrssb {
  margin-top: 35px;
}
.block-field-blocknodeproductfield-cta-button {
  display: inline-block;
}
.block-field-blocknodeproductfield-cta-button-second {
  display: inline-block;
}
.block-field-blocknodeproductfield-nutrition-labels .field__items > div.field__item {
  width: 19%;
  text-align: center;
  padding: 10px;
}
.block-field-blocknodeproductfield-nutrition-labels .field__items {
  display: flex;
  justify-content: center;
  padding: 20px 0;
}
.block-field-blocknodeproductfield-nutrition-labels .field__label {
  display: none;
}
.product-detail--container .col-sm-6 {
  position: relative;
}

.block-field-blocknodeproductfield-image {
  text-align: right;
  float: right;
  padding: 6% 4%;
}
.product-detail--tabs > ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
}
.product-detail--tabs > ul >li {
  text-align: center;
  list-style-type: none;
  flex: 1;
  cursor: pointer;
}
.product-detail--tabs > ul >li > h3 {
  text-align: center;
  border-bottom: 4px solid;
  padding: 10px 20px;
}

.product-detail--tabscontainer {
  margin: 25px 0;
  padding: 8px 8%;
}

.block-field-blocknodeproductfield-nutrition-table .paragraph--type--nutrition {
  display: flex;
}
.block-field-blocknodeproductfield-nutrition-table {
  padding: 20px 0;
}
.block-field-blocknodeproductfield-nutrition-table .field--name-field-key {
  width: 80%;
}


.block-field-blocknodeproductfield-nutrition-table .field--name-field-value {
  width: 20%;
  text-align: right;
}
.field--name-field-nutrition-table .paragraph--type--nutrition {
  display: flex;
  border-top: 1px solid;
  padding: 15px 10px;
  margin: 0 30px;
}
.block-field-blocknodeproductfield-nutrition-table .field--name-field-nutrition-table {
  display: flex;
}
.block-field-blocknodeproductfield-nutrition-table .field--name-field-nutrition-table .item-container {
  width: 32%;
}
.field--name-field-key-ingredients .field__item {
  width: 33.33%;
  text-align: center;
  padding: 0 25px;
  position: relative;
}
.field--name-field-key-ingredients .field__items {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 0;
}
.field--name-field-additional-ingredients .field__items {
  padding: 20px 0;
}
.block-field-blocknodeproductfield-ingredient {
  padding: 20px 5%;
}

.field--name-field-key-ingredients .field__item:after {
  content: "";
  width: 2px;
  height: 57%;
  display: block;
  position: absolute;
  top: 7%;
  right: 0;
}
.field--name-field-key-ingredients .field__item:last-child::after {
  display: none;
}
.field--name-field-additional-ingredients .field__items .item-container {
  display: flex;
  flex-wrap: wrap;
}
.field--name-field-additional-ingredients .field__item {
  font-size: 1.125rem;
  width: 33%;
  padding: 4px 25px 4px 0;
}
.product-detail--tabscontent {
  padding: 0 3%;
}
.field--name-field-nutrition-table .sub-nutrition .paragraph--type--nutrition {
  padding-left: 25px;
}
.paragraph--type--ingredients .field--name-field-key-ingredients {
  margin-bottom: 25px;
}
.paragraph--type--ingredients .field--name-field-additional-ingredients {
  padding-top: 25px;
}
@media (min-width: 768px) {
  .product-detail--content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 6% 20% 6% 4%;
  }

}
@media (max-width: 767px) {
  .block-field-blocknodeproductfield-nutrition-labels .field__items {
    justify-content: left;
    padding: 10px;
    flex-wrap: wrap;
  }
  .block-field-blocknodeproductfield-nutrition-labels .field__items > div.field__item {
    width: 50%;
    text-align: left;
    padding: 10px 0;
  }
  .product-detail--content {
    padding: 20px;
  }
  .product-detail--tabs > ul {
    margin-bottom: 0;
  }
  .product-detail--tabs {
    margin: 10px 0;
  }
  .product-detail--image {
    padding: 20px;
  }
  .product-detail--tabs > ul {
    flex-wrap: nowrap;
  }
  .block-field-blocknodeproductfield-nutrition-table .field--name-field-nutrition-table {
    flex-direction: column;
  }
  .field--name-field-additional-ingredients .field__items .item-container {
    flex-direction: column;
  }
  .field--name-field-key-ingredients .field__item {
    width: 100%;
    text-align: left;
    padding: 10px 0;
    border-bottom: 1px solid;
  }
  .field--name-field-key-ingredients .field__items {
    flex-direction: column;
  }
  .field--name-field-nutrition-table .paragraph--type--nutrition {
    margin: 0;
  }
  .block-field-blocknodeproductfield-nutrition-table .field--name-field-nutrition-table .item-container {
    width: 100%;
    padding: 4px 0;
  }
  .block-field-blocknodeproductfield-ingredient {
    padding: 20px 0;
  }
  .field--name-field-additional-ingredients .field__item {
    width: 100%;
  }
  .field--name-field-key-ingredients .field__item:after {
    display: none;
  }
  .product-detail--tabscontainer {
    padding: 8px 5%;
  }
  .product-detail--tabscontent {
    padding: 0;
  }
  .product-listing-block ul > li {
    width: 100%;
  }
  .product-listing-block  .product-list--img {
    padding-top: 20px;
  }
  .block-field-blocknodeproductfield-image {
    float: none;
  }

}
@media (min-width: 767px) and (max-width : 1200px) {
  .field--name-field-nutrition-table .paragraph--type--nutrition {
    margin: 0 10px;
  }
  .product-detail--tabscontainer {
    padding: 8px 0;
  }
  .product-detail--image {
    padding-left: 14%;
  }
  .block-field-blocknodeproductfield-ingredient {
    padding: 20px 0;
  }
  .field--name-field-key-ingredients .field__item {
    width: 33%;
    text-align: center;
    padding: 0 15px;
    position: relative;
  }
  .product-detail--tabscontent {
    padding: 0 5%;
  }
  .block-field-blocknodeproductfield-nutrition-detail {
    padding: 0 30px;
  }
  .block-field-blocknodeproductfield-nutrition-table {
    padding: 20px 30px;
  }
  .product-detail--content {
    padding: 6% 5% 6% 4%;
  }
  .product-listing-block ul > li {
    width: 50%;
  }
}
/* related products*/

.product-listing-block  .slick-prev:before {
  content: '';
}
.product-listing-block  .slick-prev.slick-arrow:after {
  content: '\f104';
  font-family: 'Font Awesome 5 Free';
  font-size: 40px;
  font-weight: 900;
}
.product-listing-block  .slick-next:before {
  content: '';
}
.product-listing-block  .slick-next.slick-arrow:after {
  content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-size: 40px;
  font-weight: 900;
}
div#slick-views-related-product-listing-block-1-1 {
  width: 100%;
}
div#slick-views-related-product-listing-block-1-1 .product-list--img {
  height: 350px;
}
.product-listing-block .slick__slide .product-list--content p {
  padding: 0 45px;
}

@media (min-width: 992px) {
  .product-listing-block .slick-items-grow .slick-track {
    width: 100% !important;
  }
  .product-listing-block .slick-items-grow .slick-track.slick-track-flex {
    display: flex;
  }
  .product-listing-block .slick-items-grow .slick-track.slick-track-flex .slick__slide {
    width: 100% !important;
  }
  .product-listing-block .slick-items-grow .slick-track .slick__slide {
    width: 33.3% !important;
  }
  #slick-views-related-product-listing-block-1-1 {
    width: 100%;
  }
  .slick__slider.slick-items-grow {
    width: 100%;
  }
  .product-listing-block .slick-items-grow.slick-track-flex .slick-track .slick__slide {
    width: 50% !important;
  }
  div#slick-views-related-product-listing-block-1-1 {
    width: 100%;
  }
}

/* related products ends*/

/*social share */
.product-detail--container .rrssb .rrssb-buttons .rrssb-text {
  display: none;
}
.product-detail--container .rrssb .rrssb-buttons .rrssb-icon {
  position: relative;
  left: 15%;
  width: 1em;
  height: 1em;
}
.product-detail--container .rrssb .rrssb-buttons a {
  width: 1.5em;
  height: 1.5em;
  margin-right: 7px;
}
.product-detail--container .rrssb-buttons li {
  width: auto !important;
}
.product-detail--container ul.rrssb-buttons {
  padding-left: 60px !important;
}
.product-detail--container .rrssb.rrssb-bs-product_detail_social_sharing {
  padding-left: 0 !important;
}
.product-detail--container .rrssb .rrssb-prefix {
  padding-top: 4px;
}

/* making display hidden for submit(apply) button on products and recipe page filter section if the submit button hidden from the view */

.view-filters .form-actions .js-form-submit.js-hide {
    display: none;
}