{"product_id":"soothing-blend","title":"Soothing Blend","description":"\u003cp\u003eSMALL (1 cup\/5.1 oz) = $5.50\u003c\/p\u003e\n\u003cp\u003eMEDIUM (2\u003cspan\u003e \u003c\/span\u003ecups\/10.2 oz) = $10.00\u003c\/p\u003e\n\u003cp\u003eLARGE (4 cups\/20.4 oz) = $18.00\u003c\/p\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;\n        \/* Hidden by default *\/\n        position: fixed;\n        \/* Stay in place *\/\n        z-index: 1;\n        \/* Sit on top *\/\n        padding-top: 200px;\n        \/* Location of the box *\/\n        left: 0;\n        top: 0;\n        width: 100%;\n        \/* Full width *\/\n        height: 100%;\n        \/* Full height *\/\n        overflow: auto;\n        \/* Enable scroll if needed *\/\n        background-color: rgb(0, 0, 0);\n        \/* Fallback color *\/\n        background-color: rgba(0, 0, 0, 0.4);\n        \/* Black w\/ opacity *\/\n    }\n\n    p {\n        color: #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 {\n            top: -300px;\n            opacity: 0\n        }\n\n        to {\n            top: 0;\n            opacity: 1\n        }\n    }\n\n    @keyframes animatetop {\n        from {\n            top: -300px;\n            opacity: 0\n        }\n\n        to {\n            top: 0;\n            opacity: 1\n        }\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 {\n        padding: 2px 8px;\n    }\n\n    .modal-footer {\n        padding: 2px 5px;\n        background-color: rgb(179, 0, 0);\n        color: white;\n    }\n\n    .nutrition {\n        font-size: 30px;\n        text-align: center;\n        color: #29B2C5;\n\n    }\n\n    modal-button {\n        background-color: white;\n\n    }\n--\u003e\u003c\/style\u003e\n\u003cstyle\u003e\u003c!--\n.modal-button {\n        transition-duration: 0.4s;\n        font-size: 20px;\n        margin: 3px;\n        padding: 3px;\n        font-variant: small-caps;\n    }\n\n    .modal-button:hover {\n        background-color: #29B2C5;\n        color: white;\n    }\n--\u003e\u003c\/style\u003e\n\u003cp\u003e\u003cstrong\u003e\u003c\/strong\u003eThis Soothing Blend also Provides Plenty of Pectin \u0026amp; Soluble Fiber, which Help Keep Tummies Stable.\u003c\/p\u003e\n\u003cp\u003ePerfect Poopy Powder, to the Rescue!\u003c\/p\u003e\n\u003cp\u003eMix w\/Probiotic Dairy for a Simple Snack, or Channel Your Inner Doggy Chef \u0026amp; Try Our Stovetop Recipe, Provided Below.\u003c\/p\u003e\n\u003cp\u003ePlace 1 lbs Ground Meat + ½ Cup H20 over Medium-High Heat for 3-4 Minutes. Break the Meat Up as It Browns; Stir-In 1 Cup of Dry Mix; Remove from Heat; Put Lid On \u0026amp; Cool to Desired Temp (about 10 mins).\u003c\/p\u003e\n\u003cbutton class=\"modal-button\" href=\"#myModal2\"\u003eNutrition\u003c\/button\u003e \u003c!-- The Modal --\u003e\n\u003cdiv id=\"myModal2\" 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,Organic, Gluten-Free Apples, Pumpkins, Yams, Oat Bran, Ground Flax \u0026amp; Chia Seed.\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eProt. 15.4%; Total Fats 4.6%; Ash 14.9%; Fiber 21.3%; KCal 619.6\/bag (Apporox. 1 Cup).\u003c\/p\u003e\n\u003cp class=\"nutrition\"\u003eA Super Source of Lean Protein, Vitamins, Minerals, Antioxidants, Aminos \u0026amp; Fiber.\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 = 2.4 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    \/\/ Get the button that opens the modal\n    var btn = document.querySelectorAll(\"button.modal-button\");\n\n    \/\/ All page modals\n    var modals = document.querySelectorAll('.modal');\n\n    \/\/ Get the \u003cspan\u003e element that closes the modal\n    var spans = document.getElementsByClassName(\"close\");\n\n    \/\/ When the user clicks the button, open the modal\n    for (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\n    for (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\n    window.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\n    var slideIndex = 1;\n    showSlides(slideIndex);\n\n    \/\/ Next\/previous controls\n    function plusSlides(n) {\n        showSlides(slideIndex += n);\n    }\n\n    \/\/ Thumbnail image controls\n    function currentSlide(n) {\n        showSlides(slideIndex = n);\n    }\n\n    function 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) {\n            slideIndex = 1\n        }\n        if (n \u003c 1) {\n            slideIndex = slides.length\n        }\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\n\u003c\/script\u003e","brand":"La Pet-isserie","offers":[{"title":"SMALL","offer_id":39638298198118,"sku":"","price":5.5,"currency_code":"USD","in_stock":true},{"title":"MEDIUM","offer_id":39638298230886,"sku":"","price":10.0,"currency_code":"USD","in_stock":true},{"title":"LARGE","offer_id":39638298263654,"sku":"","price":18.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/2312\/7305\/products\/Untitleddesign_9_429cff2b-2ff8-4ef8-97b1-bfcc835c0e62.png?v=1641683122","url":"https:\/\/thebalancedseed.myshopify.com\/products\/soothing-blend","provider":"La Pet-isserie","version":"1.0","type":"link"}