/*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;
}

/* PIM Product Page */
@font-face {
  font-family: 'Times-New-Roman-Regular';
  src: url('https://platformassets.wspprod.com/wsp-font-library/Times-New-Roman-Regular.woff'); /* Safari, Android, iOS */
  font-display: swap;
  }
/* Product view */
.pim-product-container.product-detail--container  {
  background-color: #ffffff;
}
.pim-product-container  .product-detail--content .field--name-title {
font-size: 32px;
color: #003663;
padding-bottom: 10px;
font-weight: bold;
display: block;
}
.pim-product-container  .product-detail--content .field--type-text-with-summary{
padding-bottom: 2em;
}
.pim-product-container  .product-detail--content .field--name-field-marketing-message .field__label {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 10px;
  color: #003663;
}
.pim-product-container  .product-detail--content .rrssb-bs-product_detail_social_sharing .rrssb-prefix {
  color: #323e48;
  text-transform: none;
}
.pim-nutrition-section   {
  padding: 2em;
  width: 80%;
  margin: 2em auto;
  background-color: #ffffff;
  border: 1px solid #888888;
  font-family: 'Times-New-Roman-Regular';
}
.pim-nutrition-section .view-header {
  font-size: 24px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 2em;
  text-align: center;
  border-bottom:2px solid #000000;
  font-family: 'Times-New-Roman-Regular';  
}
.pim-nutrition-section .view-content .views-row {
	width:100%;
}
.pim-nutrition-section  .views-field-field-serving-size,
.pim-nutrition-section  .views-field-field-servings-per-container  {
  display: flex;
}
.pim-nutrition-section  .views-label-field-serving-size,
.pim-nutrition-section  .views-label-field-servings-per-container 
{
  color: #000000;
  font-weight: bold; 
  padding-right: 15px;   
  padding-left: 15px;
  font-family: 'Times-New-Roman-Regular';
}
.pim-nutrition-section  .views-field-field-serving-size .field-content,
.pim-nutrition-section  .views-field-field-servings-per-container .field-content {
  color: #000000;
  font-weight: bold; 
  font-family: 'Times-New-Roman-Regular';
}
.pim-nutrition-section  .view-nutrition-label-data {
  padding-top: 10px;
}
.pim-nutrition-section  .views-view-table {
  border: #333;
}
.pim-nutrition-section  .views-view-table thead th  {
  background-color: #ffffff;
  border: none;
  border-bottom: 3px solid #000000;
  color: #000000;
  font-family: 'Times-New-Roman-Regular';
}
.pim-nutrition-section  .views-view-table thead th.amount-per-serving {
	border-bottom : 1px solid #888888;
}
.pim-nutrition-section  .views-view-table tbody tr td {
  border: none;
  border-top:  1px solid #888888;
  background-color: #ffffff;
  font-family: 'Times-New-Roman-Regular';
}
.pim-nutrition-section  .views-view-table tbody > tr:first-child td {
font-size: 18px;
font-weight: bold;
border-bottom: 3px solid #000000;
}
.pim-nutrition-section  .views-view-table tbody tr td .parent-nutrition,
.pim-nutrition-section  .views-view-table tbody tr td .main-nutrition {
  font-weight: bold;
}
.pim-nutrition-section  .views-view-table tbody tr td .child-nutrition {
border-top: none;
padding-left: 1em;
display: inline-block;
}
.pim-nutrition-section .views-field-field-multi-ingredients,
.pim-nutrition-section .views-field-field-allergen-statement {
  padding: 1em;
}
.pim-nutrition-section .views-field-field-allergen-statement {
  padding-top: 0;
}
.pim-nutrition-section .views-field-field-multi-ingredients .views-label-field-multi-ingredients, 
.pim-nutrition-section .views-field-field-allergen-statement .views-label-field-allergen-statement {
  display: block;
  font-size: 24px;
  padding-bottom: 10px;
  color:#000000 ;
  font-weight: bold;
}
.pim-nutrition-section .views-field-field-multi-ingredients .field-content,
.pim-nutrition-section .views-field-field-allergen-statement .field-content {
  font-size: 16px;
}
/* logged in user image */
.pim-product-container  .product-detail--image .field--type-image img {
  max-width: 100%;
  height: auto;
}