{"title":"Chicken","description":"","products":[{"product_id":"chicken-feet","title":"Chicken Feet","description":"\u003cstyle\u003e\u003c!--\n.modal-button {\n\ttransition-duration: 0.4s;\n\tfont-size: 40px;\n        margin: 3px;\n        padding: 3px;\n}\n\n.modal-button:hover {\n\tbackground-color: #29B2C5;\n\tcolor:white;\n}\n--\u003e\u003c\/style\u003e\n\u003cstyle\u003e\u003c!--\n* {\n  box-sizing: border-box;\n}\n\n\/* Position the image container (needed to position the left and right arrows) *\/\n.container {\n  position: relative;\n}\n\n\/* Hide the images by default *\/\n.mySlides {\n  display: none;\n}\n\n\/* Add a pointer when hovering over the thumbnail images *\/\n.cursor {\n  cursor: pointer;\n}\n\n\/* Next \u0026 previous buttons *\/\n.prev,\n.next {\n  cursor: pointer;\n  position: absolute;\n  top: 40%;\n  width: auto;\n  padding: 16px;\n  margin-top: -50px;\n  color: white;\n  font-weight: bold;\n  font-size: 20px;\n  border-radius: 0 3px 3px 0;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n\/* Position the \"next button\" to the right *\/\n.next {\n  right: 0;\n  border-radius: 3px 0 0 3px;\n}\n\n\/* On hover, add a black background color with a little bit see-through *\/\n.prev:hover,\n.next:hover {\n  background-color: rgba(0, 0, 0, 0.8);\n}\n\n\/* Number text (1\/3 etc) *\/\n.numbertext {\n  color: #DCA000;\n  font-size: 12px;\n  padding: 8px 12px;\n  position: absolute;\n  top: 0;\n}\n\n\/* Container for image text *\/\n.caption-container {\n  text-align: center;\n  background-color: #222;\n  padding: 2px 16px;\n  color: white;\n}\n\n.row:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n\/* Six columns side by side *\/\n.column {\n  float: left;\n  width: 16.66%;\n}\n\n\/* Add a transparency effect for thumnbail images *\/\n.demo {\n  opacity: 0.6;\n}\n\n.active,\n.demo:hover {\n  opacity: 1;\n}\n\n\n\/* The Modal (background) *\/\n.modal {\n    display: none; \/* Hidden by default *\/\n    position: fixed; \/* Stay in place *\/\n    z-index: 1; \/* Sit on top *\/\n    padding-top: 200px; \/* Location of the box *\/\n    left: 0;\n    top: 0;\n    width: 100%; \/* Full width *\/\n    height: 100%; \/* Full height *\/\n    overflow: auto; \/* Enable scroll if needed *\/\n    background-color: rgb(0,0,0); \/* Fallback color *\/\n    background-color: rgba(0,0,0,0.4); \/* Black w\/ opacity *\/\n}\n\np{\ncolor: #008080;\n}\n\n\/* Modal Content *\/\n.modal-content {\n    position: relative;\n    background-color:white;\n    margin: auto;\n    padding: 0;\n    border: 1px solid #888;\n    font-color: #DCA000;\n    width: 80%;\n    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);\n    -webkit-animation-name: animatetop;\n    -webkit-animation-duration: 0.4s;\n    animation-name: animatetop;\n    animation-duration: 0.4s\n}\n\n\/* Add Animation *\/\n@-webkit-keyframes animatetop {\n    from {top:-300px; opacity:0}\n    to {top:0; opacity:1}\n}\n\n@keyframes animatetop {\n    from {top:-300px; opacity:0}\n    to {top:0; opacity:1}\n}\n\n\/* The Close Button *\/\n.close {\n    color: rgb(10,118,118);\n    float: right;\n    font-size: 28px;\n    font-weight: bold;\n}\n\n.close:hover,\n.close:focus {\n    color: #000;\n    text-decoration: none;\n    cursor: pointer;\n}\n\n.modal-header {\n    padding: 2px 16px;\n    background-color: rgb(215,0,0);\n    color: white;\n}\n\n.modal-body {padding: 2px 8px;}\n\n.modal-footer {\n    padding: 2px 5px;\n    background-color: rgb(179,0,0);\n    color: white;\n}\n.nutrition{\n    font-size: 30px;\n    text-align: center;\n    color: #29B2C5;\n    \n}\nmodal-button{\nbackground-color:white;\n\n}\n--\u003e\u003c\/style\u003e\n\u003cp\u003eSMALL (1 cup\/2.9 oz) = $5.00\u003c\/p\u003e\n\u003cp\u003eMEDIUM (2\u003cspan\u003e \u003c\/span\u003ecups\/5.8 oz) = $9.00\u003c\/p\u003e\n\u003cp\u003eLARGE (4 cups\/11.6 oz) = $16.00\u003c\/p\u003e\n\u003cp\u003eCartilage \u0026amp; Bone Also Provide Collagen \u0026amp; Gelatin, which Soothe Tummies \u0026amp; Fight Inflammation.\u003c\/p\u003e\n\u003cp\u003eKeep Your Pup’s Smile Sparkling!\u003c\/p\u003e\n\u003cp\u003eUse as a Tasty Toothbrush or a Mentally Stimulating Chewy.\u003c\/p\u003e\n\u003cp\u003eWorks Great in the Crate!\u003c\/p\u003e\n\u003cbutton class=\"modal-button\" href=\"#myModal1\"\u003eNutrition\u003c\/button\u003e \u003c!-- The Modal --\u003e\n\u003cdiv id=\"myModal1\" class=\"modal\"\u003e\n\u003c!-- Modal content --\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eRaw-Dehydrated Local, Organic, Pasture-Raised Chicken Feet.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eProt. 48.8%; Total Fats 24.4%; Ash 14.7%; Fiber 1.1%; KCal 489.6\/bag\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eA Super Source of Lean Protein, Omegas, Minerals, Fatty Acids \u0026amp; Antioxidants!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton class=\"modal-button\" href=\"#myModal3\"\u003eStorage\u003c\/button\u003e\n\u003cdiv id=\"myModal3\" class=\"modal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eStore in a Cool, Dry Place.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eBest If Used in 6 Weeks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\u003c!--\n.center {\n        display: block;\n        margin-left: auto;\n        margin-right: auto;\n        width: 80%;\n    }\n--\u003e\u003c\/style\u003e\n\u003cbutton class=\"modal-button\" href=\"#myModal4\"\u003eDimensions\u003c\/button\u003e\n\u003cdiv id=\"myModal4\" class=\"modal\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg class=\"center\"\u003e\n\u003cp class=\"nutrition\"\u003eApproximate Weight = 5.92 oz.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003e(Actual Weights May Vary Slightly.)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n\/\/ Get the button that opens the modal\nvar btn = document.querySelectorAll(\"button.modal-button\");\n\n\/\/ All page modals\nvar modals = document.querySelectorAll('.modal');\n\n\/\/ Get the \u003cspan\u003e element that closes the modal\nvar spans = document.getElementsByClassName(\"close\");\n\n\/\/ When the user clicks the button, open the modal\nfor (var i = 0; i \u003c btn.length; i++) {\n btn[i].onclick = function(e) {\n    e.preventDefault();\n    modal = document.querySelector(e.target.getAttribute(\"href\"));\n    modal.style.display = \"block\";\n }\n}\n\n\/\/ When the user clicks on \u003cspan\u003e (x), close the modal\nfor (var i = 0; i \u003c spans.length; i++) {\n spans[i].onclick = function() {\n    for (var index in modals) {\n      if (typeof modals[index].style !== 'undefined') modals[index].style.display = \"none\";    \n    }\n }\n}\n\n\/\/ When the user clicks anywhere outside of the modal, close it\nwindow.onclick = function(event) {\n    if (event.target.classList.contains('modal')) {\n     for (var index in modals) {\n      if (typeof modals[index].style !== 'undefined') modals[index].style.display = \"none\";    \n     }\n    }\n}\n\n\nvar slideIndex = 1;\nshowSlides(slideIndex);\n\n\/\/ Next\/previous controls\nfunction plusSlides(n) {\n  showSlides(slideIndex += n);\n}\n\n\/\/ Thumbnail image controls\nfunction currentSlide(n) {\n  showSlides(slideIndex = n);\n}\n\nfunction showSlides(n) {\n  var i;\n  var slides = document.getElementsByClassName(\"mySlides\");\n  var dots = document.getElementsByClassName(\"demo\");\n  var captionText = document.getElementById(\"caption\");\n  if (n \u003e slides.length) {slideIndex = 1}\n  if (n \u003c 1) {slideIndex = slides.length}\n  for (i = 0; i \u003c slides.length; i++) {\n    slides[i].style.display = \"none\";\n  }\n  for (i = 0; i \u003c dots.length; i++) {\n    dots[i].className = dots[i].className.replace(\" active\", \"\");\n  }\n  slides[slideIndex-1].style.display = \"block\";\n  dots[slideIndex-1].className += \" active\";\n  captionText.innerHTML = dots[slideIndex-1].alt;\n}\n\u003c\/script\u003e","brand":"La Pet-isserie","offers":[{"title":"SMALL","offer_id":39638304784486,"sku":"","price":5.0,"currency_code":"USD","in_stock":true},{"title":"MEDIUM","offer_id":39638304817254,"sku":"","price":9.0,"currency_code":"USD","in_stock":true},{"title":"LARGE","offer_id":39638304850022,"sku":"","price":16.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2312\/7305\/products\/Untitleddesign_29.png?v=1641422898"},{"product_id":"chicken-neck","title":"Chicken Necks","description":"\u003cstyle\u003e\u003c!--\n.modal-button {\n\ttransition-duration: 0.4s;\n\tfont-size: 40px;\n        margin: 3px;\n        padding: 3px;\n}\n\n.modal-button:hover {\n\tbackground-color: #29B2C5;\n\tcolor:white;\n}\n--\u003e\u003c\/style\u003e\n\u003cstyle\u003e\u003c!--\n* {\n  box-sizing: border-box;\n}\n\n\/* Position the image container (needed to position the left and right arrows) *\/\n.container {\n  position: relative;\n}\n\n\/* Hide the images by default *\/\n.mySlides {\n  display: none;\n}\n\n\/* Add a pointer when hovering over the thumbnail images *\/\n.cursor {\n  cursor: pointer;\n}\n\n\/* Next \u0026 previous buttons *\/\n.prev,\n.next {\n  cursor: pointer;\n  position: absolute;\n  top: 40%;\n  width: auto;\n  padding: 16px;\n  margin-top: -50px;\n  color: white;\n  font-weight: bold;\n  font-size: 20px;\n  border-radius: 0 3px 3px 0;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n\/* Position the \"next button\" to the right *\/\n.next {\n  right: 0;\n  border-radius: 3px 0 0 3px;\n}\n\n\/* On hover, add a black background color with a little bit see-through *\/\n.prev:hover,\n.next:hover {\n  background-color: rgba(0, 0, 0, 0.8);\n}\n\n\/* Number text (1\/3 etc) *\/\n.numbertext {\n  color: #DCA000;\n  font-size: 12px;\n  padding: 8px 12px;\n  position: absolute;\n  top: 0;\n}\n\n\/* Container for image text *\/\n.caption-container {\n  text-align: center;\n  background-color: #222;\n  padding: 2px 16px;\n  color: white;\n}\n\n.row:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n\/* Six columns side by side *\/\n.column {\n  float: left;\n  width: 16.66%;\n}\n\n\/* Add a transparency effect for thumnbail images *\/\n.demo {\n  opacity: 0.6;\n}\n\n.active,\n.demo:hover {\n  opacity: 1;\n}\n\n\n\/* The Modal (background) *\/\n.modal {\n    display: none; \/* Hidden by default *\/\n    position: fixed; \/* Stay in place *\/\n    z-index: 1; \/* Sit on top *\/\n    padding-top: 200px; \/* Location of the box *\/\n    left: 0;\n    top: 0;\n    width: 100%; \/* Full width *\/\n    height: 100%; \/* Full height *\/\n    overflow: auto; \/* Enable scroll if needed *\/\n    background-color: rgb(0,0,0); \/* Fallback color *\/\n    background-color: rgba(0,0,0,0.4); \/* Black w\/ opacity *\/\n}\n\np{\ncolor: #008080;\n}\n\n\/* Modal Content *\/\n.modal-content {\n    position: relative;\n    background-color:white;\n    margin: auto;\n    padding: 0;\n    border: 1px solid #888;\n    font-color: #DCA000;\n    width: 80%;\n    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);\n    -webkit-animation-name: animatetop;\n    -webkit-animation-duration: 0.4s;\n    animation-name: animatetop;\n    animation-duration: 0.4s\n}\n\n\/* Add Animation *\/\n@-webkit-keyframes animatetop {\n    from {top:-300px; opacity:0}\n    to {top:0; opacity:1}\n}\n\n@keyframes animatetop {\n    from {top:-300px; opacity:0}\n    to {top:0; opacity:1}\n}\n\n\/* The Close Button *\/\n.close {\n    color: rgb(10,118,118);\n    float: right;\n    font-size: 28px;\n    font-weight: bold;\n}\n\n.close:hover,\n.close:focus {\n    color: #000;\n    text-decoration: none;\n    cursor: pointer;\n}\n\n.modal-header {\n    padding: 2px 16px;\n    background-color: rgb(215,0,0);\n    color: white;\n}\n\n.modal-body {padding: 2px 8px;}\n\n.modal-footer {\n    padding: 2px 5px;\n    background-color: rgb(179,0,0);\n    color: white;\n}\n.nutrition{\n    font-size: 30px;\n    text-align: center;\n    color: #29B2C5;\n    \n}\nmodal-button{\nbackground-color:white;\n\n}\n--\u003e\u003c\/style\u003e\n\u003cp\u003eSMALL (1 cup\/2.9\u003cspan\u003e \u003c\/span\u003eoz) = $6.00\u003c\/p\u003e\n\u003cp\u003eMEDIUM (2\u003cspan\u003e \u003c\/span\u003ecups\/5.8\u003cspan\u003e \u003c\/span\u003eoz) = $11.00\u003c\/p\u003e\n\u003cp\u003eLARGE (4 cups\/11.6\u003cspan\u003e \u003c\/span\u003eoz) = $20.00\u003c\/p\u003e\n\u003cp\u003eCartilage \u0026amp; Bone Also Provide Collagen \u0026amp; Gelatin, which Soothe Tummies \u0026amp; Fight Inflammation.\u003c\/p\u003e\n\u003cp\u003eKeep Your Pup’s Smile Sparkling!\u003c\/p\u003e\n\u003cp\u003eUse as a Tasty Toothbrush or a Mentally Stimulating Chewy.\u003c\/p\u003e\n\u003cp\u003eWorks Great in the Crate!\u003c\/p\u003e\n\u003cbutton href=\"#myModal1\" class=\"modal-button\"\u003eNutrition\u003c\/button\u003e \u003c!-- The Modal --\u003e\n\u003cdiv class=\"modal\" id=\"myModal1\"\u003e\n\u003c!-- Modal content --\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eRaw-Dehydrated Local, Organic, Pasture-Raised Chicken Necks.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eProt. 51.4%; Total Fats 20.9%; Ash 14.8%; Fiber 0.5%; KCal 544.32\/bag\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eA Super Source of Lean Protein, Omegas, Minerals, Fatty Acids \u0026amp; Antioxidants!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton href=\"#myModal3\" class=\"modal-button\"\u003eStorage\u003c\/button\u003e\n\u003cdiv class=\"modal\" id=\"myModal3\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eStore in a Cool, Dry Place.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eBest If Used in 6 Weeks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\u003c!--\n.center {\n        display: block;\n        margin-left: auto;\n        margin-right: auto;\n        width: 80%;\n    }\n--\u003e\u003c\/style\u003e\n\u003cbutton href=\"#myModal4\" class=\"modal-button\"\u003eDimensions\u003c\/button\u003e\n\u003cdiv class=\"modal\" id=\"myModal4\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg class=\"center\"\u003e\n\u003cp class=\"nutrition\"\u003eApproximate Weight = 5.28 oz.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003e(Actual Weights May Vary Slightly.)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n\/\/ Get the button that opens the modal\nvar btn = document.querySelectorAll(\"button.modal-button\");\n\n\/\/ All page modals\nvar modals = document.querySelectorAll('.modal');\n\n\/\/ Get the \u003cspan\u003e element that closes the modal\nvar spans = document.getElementsByClassName(\"close\");\n\n\/\/ When the user clicks the button, open the modal\nfor (var i = 0; i \u003c btn.length; i++) {\n btn[i].onclick = function(e) {\n    e.preventDefault();\n    modal = document.querySelector(e.target.getAttribute(\"href\"));\n    modal.style.display = \"block\";\n }\n}\n\n\/\/ When the user clicks on \u003cspan\u003e (x), close the modal\nfor (var i = 0; i \u003c spans.length; i++) {\n spans[i].onclick = function() {\n    for (var index in modals) {\n      if (typeof modals[index].style !== 'undefined') modals[index].style.display = \"none\";    \n    }\n }\n}\n\n\/\/ When the user clicks anywhere outside of the modal, close it\nwindow.onclick = function(event) {\n    if (event.target.classList.contains('modal')) {\n     for (var index in modals) {\n      if (typeof modals[index].style !== 'undefined') modals[index].style.display = \"none\";    \n     }\n    }\n}\n\n\nvar slideIndex = 1;\nshowSlides(slideIndex);\n\n\/\/ Next\/previous controls\nfunction plusSlides(n) {\n  showSlides(slideIndex += n);\n}\n\n\/\/ Thumbnail image controls\nfunction currentSlide(n) {\n  showSlides(slideIndex = n);\n}\n\nfunction showSlides(n) {\n  var i;\n  var slides = document.getElementsByClassName(\"mySlides\");\n  var dots = document.getElementsByClassName(\"demo\");\n  var captionText = document.getElementById(\"caption\");\n  if (n \u003e slides.length) {slideIndex = 1}\n  if (n \u003c 1) {slideIndex = slides.length}\n  for (i = 0; i \u003c slides.length; i++) {\n    slides[i].style.display = \"none\";\n  }\n  for (i = 0; i \u003c dots.length; i++) {\n    dots[i].className = dots[i].className.replace(\" active\", \"\");\n  }\n  slides[slideIndex-1].style.display = \"block\";\n  dots[slideIndex-1].className += \" active\";\n  captionText.innerHTML = dots[slideIndex-1].alt;\n}\n\u003c\/script\u003e","brand":"La Pet-isserie","offers":[{"title":"SMALL","offer_id":39638305112166,"sku":"","price":6.0,"currency_code":"USD","in_stock":true},{"title":"MEDIUM","offer_id":39638305144934,"sku":"","price":11.0,"currency_code":"USD","in_stock":false},{"title":"LARGE","offer_id":39638305177702,"sku":"","price":20.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2312\/7305\/products\/DogFood-7720.jpg?v=1611762837"},{"product_id":"chicken-ribs","title":"Chicken Ribs","description":"\u003cstyle\u003e\u003c!--\n.modal-button {\n\ttransition-duration: 0.4s;\n\tfont-size: 40px;\n        margin: 3px;\n        padding: 3px;\n}\n\n.modal-button:hover {\n\tbackground-color: #29B2C5;\n\tcolor:white;\n}\n--\u003e\u003c\/style\u003e\n\u003cstyle\u003e\u003c!--\n* {\n  box-sizing: border-box;\n}\n\n\/* Position the image container (needed to position the left and right arrows) *\/\n.container {\n  position: relative;\n}\n\n\/* Hide the images by default *\/\n.mySlides {\n  display: none;\n}\n\n\/* Add a pointer when hovering over the thumbnail images *\/\n.cursor {\n  cursor: pointer;\n}\n\n\/* Next \u0026 previous buttons *\/\n.prev,\n.next {\n  cursor: pointer;\n  position: absolute;\n  top: 40%;\n  width: auto;\n  padding: 16px;\n  margin-top: -50px;\n  color: white;\n  font-weight: bold;\n  font-size: 20px;\n  border-radius: 0 3px 3px 0;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n\/* Position the \"next button\" to the right *\/\n.next {\n  right: 0;\n  border-radius: 3px 0 0 3px;\n}\n\n\/* On hover, add a black background color with a little bit see-through *\/\n.prev:hover,\n.next:hover {\n  background-color: rgba(0, 0, 0, 0.8);\n}\n\n\/* Number text (1\/3 etc) *\/\n.numbertext {\n  color: #DCA000;\n  font-size: 12px;\n  padding: 8px 12px;\n  position: absolute;\n  top: 0;\n}\n\n\/* Container for image text *\/\n.caption-container {\n  text-align: center;\n  background-color: #222;\n  padding: 2px 16px;\n  color: white;\n}\n\n.row:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n\/* Six columns side by side *\/\n.column {\n  float: left;\n  width: 16.66%;\n}\n\n\/* Add a transparency effect for thumnbail images *\/\n.demo {\n  opacity: 0.6;\n}\n\n.active,\n.demo:hover {\n  opacity: 1;\n}\n\n\n\/* The Modal (background) *\/\n.modal {\n    display: none; \/* Hidden by default *\/\n    position: fixed; \/* Stay in place *\/\n    z-index: 1; \/* Sit on top *\/\n    padding-top: 200px; \/* Location of the box *\/\n    left: 0;\n    top: 0;\n    width: 100%; \/* Full width *\/\n    height: 100%; \/* Full height *\/\n    overflow: auto; \/* Enable scroll if needed *\/\n    background-color: rgb(0,0,0); \/* Fallback color *\/\n    background-color: rgba(0,0,0,0.4); \/* Black w\/ opacity *\/\n}\n\np{\ncolor: #008080;\n}\n\n\/* Modal Content *\/\n.modal-content {\n    position: relative;\n    background-color:white;\n    margin: auto;\n    padding: 0;\n    border: 1px solid #888;\n    font-color: #DCA000;\n    width: 80%;\n    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);\n    -webkit-animation-name: animatetop;\n    -webkit-animation-duration: 0.4s;\n    animation-name: animatetop;\n    animation-duration: 0.4s\n}\n\n\/* Add Animation *\/\n@-webkit-keyframes animatetop {\n    from {top:-300px; opacity:0}\n    to {top:0; opacity:1}\n}\n\n@keyframes animatetop {\n    from {top:-300px; opacity:0}\n    to {top:0; opacity:1}\n}\n\n\/* The Close Button *\/\n.close {\n    color: rgb(10,118,118);\n    float: right;\n    font-size: 28px;\n    font-weight: bold;\n}\n\n.close:hover,\n.close:focus {\n    color: #000;\n    text-decoration: none;\n    cursor: pointer;\n}\n\n.modal-header {\n    padding: 2px 16px;\n    background-color: rgb(215,0,0);\n    color: white;\n}\n\n.modal-body {padding: 2px 8px;}\n\n.modal-footer {\n    padding: 2px 5px;\n    background-color: rgb(179,0,0);\n    color: white;\n}\n.nutrition{\n    font-size: 30px;\n    text-align: center;\n    color: #29B2C5;\n    \n}\nmodal-button{\nbackground-color:white;\n\n}\n--\u003e\u003c\/style\u003e\n\u003cp\u003eSMALL (1 cup\/2.9\u003cspan\u003e \u003c\/span\u003eoz) = $5.50\u003c\/p\u003e\n\u003cp\u003eMEDIUM (2\u003cspan\u003e \u003c\/span\u003ecups\/5.8\u003cspan\u003e \u003c\/span\u003eoz) = $10.00\u003c\/p\u003e\n\u003cp\u003eLARGE (4 cups\/11.6\u003cspan\u003e \u003c\/span\u003eoz) = $18.00\u003c\/p\u003e\n\u003cp\u003eCartilage \u0026amp; Bone Also Provide Collagen \u0026amp; Gelatin, which Soothe Tummies \u0026amp; Fight Inflammation.\u003c\/p\u003e\n\u003cp\u003eKeep Your Pup’s Smile Sparkling!\u003c\/p\u003e\n\u003cp\u003eUse as a Tasty Toothbrush or a Mentally Stimulating Chewy.\u003c\/p\u003e\n\u003cp\u003eWorks Great in the Crate!\u003c\/p\u003e\n\u003cbutton href=\"#myModal1\" class=\"modal-button\"\u003eNutrition\u003c\/button\u003e \u003c!-- The Modal --\u003e\n\u003cdiv class=\"modal\" id=\"myModal1\"\u003e\n\u003c!-- Modal content --\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eRaw-Dehydrated Local, Organic, Pasture-Raised Chicken Ribs.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eProt. 41.3%; Total Fats 31.0%; Ash 15.9%; Fiber .6%; KCal 521.6\/bag\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eA Super Source of Lean Protein, Omegas, Minerals, Fatty Acids \u0026amp; Antioxidants!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton href=\"#myModal3\" class=\"modal-button\"\u003eStorage\u003c\/button\u003e\n\u003cdiv class=\"modal\" id=\"myModal3\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eStore in a Cool, Dry Place.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eBest If Used in 6 Weeks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\u003c!--\n.center {\n        display: block;\n        margin-left: auto;\n        margin-right: auto;\n        width: 80%;\n    }\n--\u003e\u003c\/style\u003e\n\u003cbutton href=\"#myModal4\" class=\"modal-button\"\u003eDimensions\u003c\/button\u003e\n\u003cdiv class=\"modal\" id=\"myModal4\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg class=\"center\"\u003e\n\u003cp class=\"nutrition\"\u003eApproximate Weight = 5.12 oz.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003e(Actual Weights May Vary Slightly.)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n\/\/ Get the button that opens the modal\nvar btn = document.querySelectorAll(\"button.modal-button\");\n\n\/\/ All page modals\nvar modals = document.querySelectorAll('.modal');\n\n\/\/ Get the \u003cspan\u003e element that closes the modal\nvar spans = document.getElementsByClassName(\"close\");\n\n\/\/ When the user clicks the button, open the modal\nfor (var i = 0; i \u003c btn.length; i++) {\n btn[i].onclick = function(e) {\n    e.preventDefault();\n    modal = document.querySelector(e.target.getAttribute(\"href\"));\n    modal.style.display = \"block\";\n }\n}\n\n\/\/ When the user clicks on \u003cspan\u003e (x), close the modal\nfor (var i = 0; i \u003c spans.length; i++) {\n spans[i].onclick = function() {\n    for (var index in modals) {\n      if (typeof modals[index].style !== 'undefined') modals[index].style.display = \"none\";    \n    }\n }\n}\n\n\/\/ When the user clicks anywhere outside of the modal, close it\nwindow.onclick = function(event) {\n    if (event.target.classList.contains('modal')) {\n     for (var index in modals) {\n      if (typeof modals[index].style !== 'undefined') modals[index].style.display = \"none\";    \n     }\n    }\n}\n\n\nvar slideIndex = 1;\nshowSlides(slideIndex);\n\n\/\/ Next\/previous controls\nfunction plusSlides(n) {\n  showSlides(slideIndex += n);\n}\n\n\/\/ Thumbnail image controls\nfunction currentSlide(n) {\n  showSlides(slideIndex = n);\n}\n\nfunction showSlides(n) {\n  var i;\n  var slides = document.getElementsByClassName(\"mySlides\");\n  var dots = document.getElementsByClassName(\"demo\");\n  var captionText = document.getElementById(\"caption\");\n  if (n \u003e slides.length) {slideIndex = 1}\n  if (n \u003c 1) {slideIndex = slides.length}\n  for (i = 0; i \u003c slides.length; i++) {\n    slides[i].style.display = \"none\";\n  }\n  for (i = 0; i \u003c dots.length; i++) {\n    dots[i].className = dots[i].className.replace(\" active\", \"\");\n  }\n  slides[slideIndex-1].style.display = \"block\";\n  dots[slideIndex-1].className += \" active\";\n  captionText.innerHTML = dots[slideIndex-1].alt;\n}\n\u003c\/script\u003e","brand":"La Pet-isserie","offers":[{"title":"SMALL","offer_id":39638306357350,"sku":"","price":5.5,"currency_code":"USD","in_stock":true},{"title":"MEDIUM","offer_id":39638306390118,"sku":"","price":10.0,"currency_code":"USD","in_stock":true},{"title":"LARGE","offer_id":39638306422886,"sku":"","price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2312\/7305\/products\/Untitleddesign_31.png?v=1641505439"},{"product_id":"chicken-livers","title":"Chicken Livers","description":"\u003cp\u003eSMALL (1 cup\/4 oz) = $10.00\u003c\/p\u003e\n\u003cp\u003eMEDIUM (2\u003cspan\u003e \u003c\/span\u003ecups\/8 oz) = $19.00\u003c\/p\u003e\n\u003cp\u003eLARGE (4 cups\/16 oz) = $36.00\u003c\/p\u003e\n\u003cstyle\u003e\u003c!--\n.modal-button {\n\ttransition-duration: 0.4s;\n\tfont-size: 40px;\n        margin: 3px;\n        padding: 3px;\n}\n\n.modal-button:hover {\n\tbackground-color: #29B2C5;\n\tcolor:white;\n}\n--\u003e\u003c\/style\u003e\n\u003cstyle\u003e\u003c!--\n* {\n  box-sizing: border-box;\n}\n\n\/* Position the image container (needed to position the left and right arrows) *\/\n.container {\n  position: relative;\n}\n\n\/* Hide the images by default *\/\n.mySlides {\n  display: none;\n}\n\n\/* Add a pointer when hovering over the thumbnail images *\/\n.cursor {\n  cursor: pointer;\n}\n\n\/* Next \u0026 previous buttons *\/\n.prev,\n.next {\n  cursor: pointer;\n  position: absolute;\n  top: 40%;\n  width: auto;\n  padding: 16px;\n  margin-top: -50px;\n  color: white;\n  font-weight: bold;\n  font-size: 20px;\n  border-radius: 0 3px 3px 0;\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n\/* Position the \"next button\" to the right *\/\n.next {\n  right: 0;\n  border-radius: 3px 0 0 3px;\n}\n\n\/* On hover, add a black background color with a little bit see-through *\/\n.prev:hover,\n.next:hover {\n  background-color: rgba(0, 0, 0, 0.8);\n}\n\n\/* Number text (1\/3 etc) *\/\n.numbertext {\n  color: #DCA000;\n  font-size: 12px;\n  padding: 8px 12px;\n  position: absolute;\n  top: 0;\n}\n\n\/* Container for image text *\/\n.caption-container {\n  text-align: center;\n  background-color: #222;\n  padding: 2px 16px;\n  color: white;\n}\n\n.row:after {\n  content: \"\";\n  display: table;\n  clear: both;\n}\n\n\/* Six columns side by side *\/\n.column {\n  float: left;\n  width: 16.66%;\n}\n\n\/* Add a transparency effect for thumnbail images *\/\n.demo {\n  opacity: 0.6;\n}\n\n.active,\n.demo:hover {\n  opacity: 1;\n}\n\n\n\/* The Modal (background) *\/\n.modal {\n    display: none; \/* Hidden by default *\/\n    position: fixed; \/* Stay in place *\/\n    z-index: 1; \/* Sit on top *\/\n    padding-top: 200px; \/* Location of the box *\/\n    left: 0;\n    top: 0;\n    width: 100%; \/* Full width *\/\n    height: 100%; \/* Full height *\/\n    overflow: auto; \/* Enable scroll if needed *\/\n    background-color: rgb(0,0,0); \/* Fallback color *\/\n    background-color: rgba(0,0,0,0.4); \/* Black w\/ opacity *\/\n}\n\np{\ncolor: #008080;\n}\n\n\/* Modal Content *\/\n.modal-content {\n    position: relative;\n    background-color:white;\n    margin: auto;\n    padding: 0;\n    border: 1px solid #888;\n    font-color: #DCA000;\n    width: 80%;\n    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);\n    -webkit-animation-name: animatetop;\n    -webkit-animation-duration: 0.4s;\n    animation-name: animatetop;\n    animation-duration: 0.4s\n}\n\n\/* Add Animation *\/\n@-webkit-keyframes animatetop {\n    from {top:-300px; opacity:0}\n    to {top:0; opacity:1}\n}\n\n@keyframes animatetop {\n    from {top:-300px; opacity:0}\n    to {top:0; opacity:1}\n}\n\n\/* The Close Button *\/\n.close {\n    color: rgb(10,118,118);\n    float: right;\n    font-size: 28px;\n    font-weight: bold;\n}\n\n.close:hover,\n.close:focus {\n    color: #000;\n    text-decoration: none;\n    cursor: pointer;\n}\n\n.modal-header {\n    padding: 2px 16px;\n    background-color: rgb(215,0,0);\n    color: white;\n}\n\n.modal-body {padding: 2px 8px;}\n\n.modal-footer {\n    padding: 2px 5px;\n    background-color: rgb(179,0,0);\n    color: white;\n}\n.nutrition{\n    font-size: 30px;\n    text-align: center;\n    color: #29B2C5;\n    \n}\nmodal-button{\nbackground-color:white;\n\n}\n--\u003e\u003c\/style\u003e\n\u003cp\u003eA\u003cspan\u003e \u003c\/span\u003e\u003cu\u003eNatural\u003c\/u\u003e\u003cspan\u003e \u003c\/span\u003eSource of Vitamins, Minerals, Fiber, Omegas, Amino Acids \u0026amp; More.\u003c\/p\u003e\n\u003cp\u003eNothing is More Candy-Like to Canines than Liver; Dogs Just Can’t Get Enough of Its Densely Packed Nutrients.\u003c\/p\u003e\n\u003cp\u003eHere’s to the Pure Joy of Eating!\u003c\/p\u003e\n\u003cp\u003eGo On, Spoil Your Fur-Baby Rotten with a Decadently Delicious Dessert!  Oh Lá Lá!\u003c\/p\u003e\n\u003cbutton class=\"modal-button\" href=\"#myModal1\"\u003eNutrition\u003c\/button\u003e \u003c!-- The Modal --\u003e\n\u003cdiv id=\"myModal1\" class=\"modal\"\u003e\n\u003c!-- Modal content --\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eRaw-Dehydrated Local, Organic, Pasture-Raised N.Y. Chicken Livers.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eProt. 67.5%; Total Fats 9.78%; Ash 2.55%; Fiber .41%; KCal 463.6\/bag\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eA Super Source of Lean Protein, Omegas, Minerals, Fatty Acids \u0026amp; Antioxidants!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton href=\"#myModal3\" class=\"modal-button\"\u003eStorage\u003c\/button\u003e\n\u003cdiv class=\"modal\" id=\"myModal3\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eStore in a Cool, Dry Place.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eBest If Used in 6 Weeks.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\u003c!--\n.center {\n        display: block;\n        margin-left: auto;\n        margin-right: auto;\n        width: 80%;\n    }\n--\u003e\u003c\/style\u003e\n\u003cbutton href=\"#myModal4\" class=\"modal-button\"\u003eDimensions\u003c\/button\u003e\n\u003cdiv class=\"modal\" id=\"myModal4\"\u003e\n\u003cdiv class=\"modal-content\"\u003e\n\u003cdiv class=\"modal-body\"\u003e\n\u003cdiv class=\"nutrition\"\u003e\n\u003cp\u003e\u003cspan class=\"close\"\u003ex\u003c\/span\u003e\u003c\/p\u003e\n\u003cimg class=\"center\"\u003e\n\u003cp class=\"nutrition\"\u003eApproximate Weight = [ ] oz.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003e(Actual Weights May Vary Slightly.)\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cscript\u003e\n\n\/\/ Get the button that opens the modal\nvar btn = document.querySelectorAll(\"button.modal-button\");\n\n\/\/ All page modals\nvar modals = document.querySelectorAll('.modal');\n\n\/\/ Get the \u003cspan\u003e element that closes the modal\nvar spans = document.getElementsByClassName(\"close\");\n\n\/\/ When the user clicks the button, open the modal\nfor (var i = 0; i \u003c btn.length; i++) {\n btn[i].onclick = function(e) {\n    e.preventDefault();\n    modal = document.querySelector(e.target.getAttribute(\"href\"));\n    modal.style.display = \"block\";\n }\n}\n\n\/\/ When the user clicks on \u003cspan\u003e (x), close the modal\nfor (var i = 0; i \u003c spans.length; i++) {\n spans[i].onclick = function() {\n    for (var index in modals) {\n      if (typeof modals[index].style !== 'undefined') modals[index].style.display = \"none\";    \n    }\n }\n}\n\n\/\/ When the user clicks anywhere outside of the modal, close it\nwindow.onclick = function(event) {\n    if (event.target.classList.contains('modal')) {\n     for (var index in modals) {\n      if (typeof modals[index].style !== 'undefined') modals[index].style.display = \"none\";    \n     }\n    }\n}\n\n\nvar slideIndex = 1;\nshowSlides(slideIndex);\n\n\/\/ Next\/previous controls\nfunction plusSlides(n) {\n  showSlides(slideIndex += n);\n}\n\n\/\/ Thumbnail image controls\nfunction currentSlide(n) {\n  showSlides(slideIndex = n);\n}\n\nfunction showSlides(n) {\n  var i;\n  var slides = document.getElementsByClassName(\"mySlides\");\n  var dots = document.getElementsByClassName(\"demo\");\n  var captionText = document.getElementById(\"caption\");\n  if (n \u003e slides.length) {slideIndex = 1}\n  if (n \u003c 1) {slideIndex = slides.length}\n  for (i = 0; i \u003c slides.length; i++) {\n    slides[i].style.display = \"none\";\n  }\n  for (i = 0; i \u003c dots.length; i++) {\n    dots[i].className = dots[i].className.replace(\" active\", \"\");\n  }\n  slides[slideIndex-1].style.display = \"block\";\n  dots[slideIndex-1].className += \" active\";\n  captionText.innerHTML = dots[slideIndex-1].alt;\n}\n\u003c\/script\u003e","brand":"La Pet-isserie","offers":[{"title":"SMALL","offer_id":39638296494182,"sku":"","price":10.0,"currency_code":"USD","in_stock":true},{"title":"MEDIUM","offer_id":39638296526950,"sku":"","price":19.0,"currency_code":"USD","in_stock":true},{"title":"LARGE","offer_id":39638296559718,"sku":"","price":36.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2312\/7305\/products\/Untitleddesign_33.png?v=1641424335"}],"url":"https:\/\/thebalancedseed.myshopify.com\/collections\/chicken.oembed","provider":"La Pet-isserie","version":"1.0","type":"link"}