var canrWrapper;



canrWrapper = document.getElementsByClassName("canr-callout-" + "dca9bd31-d80f-4dcd-8caa-aee1db283293")

var canrCampaignHostname = window.location.hostname;

var html = "<div class='canr-callout-content no-print Article'>" +
    
            "<div class='image-wrapper'>" +
          "<figure class='embed-image'>" +
                "<a href='https://www.canr.msu.edu/news/soil-testing-returns-through-msu-extension?utm_source=" + canrCampaignHostname + "&utm_medium=referral&utm_campaign=canr-callouts' data-gtmconversions='callout-article' data-eventvalue='10' data-multivariate-type='callout' data-title-url='https://www.canr.msu.edu/Soil testing through MSU Extension~/news/soil-testing-returns-through-msu-extension'>" +
                                                                                                                                          "<img src='https://www.canr.msu.edu/contentAsset/image/1410614f-d0e5-4cf3-ad3a-18512cf4fd1d/fileAsset/filter/Resize/resize_w/300/resize_h/200' alt=''>" +
                "</a>" +
      "</figure>" +
    "</div>" +                 "<div class='text-wrapper'>" +
         "<h3>" +
            "<a href='https://www.canr.msu.edu/news/soil-testing-returns-through-msu-extension?utm_source=" + canrCampaignHostname + "&utm_medium=referral&utm_campaign=canr-callouts' data-gtmconversions='callout-article' data-eventvalue='10' data-multivariate-type='callout' data-title-url='https://www.canr.msu.edu/Soil testing through MSU Extension~/news/soil-testing-returns-through-msu-extension'>Soil testing through MSU Extension</a>" +
                                                                                                    "</h3>" +
                "<p>" +
      "MSU Extension home lawn and garden and commercial soil tests provide access to personalized fertilizer recommendations for thousands of Michigan residents every year." +
    "</p>" +
    "<a class='button' href='https://www.canr.msu.edu/news/soil-testing-returns-through-msu-extension?utm_source=" + canrCampaignHostname + "&utm_medium=referral&utm_campaign=canr-callouts' target='_parent' data-gtmconversions='callout-article' data-eventvalue='10'  data-multivariate-type='callout' data-title-url='Soil testing through MSU Extension~/news/soil-testing-returns-through-msu-extension'>READ MORE</a>" +
                                                                                                                                                      "</div>" +      "</div>";

var canrStyleWrapper = document.getElementsByClassName("canr-style");
var canrStyles;

canrStyles = document.createElement('style');

canrStyles.innerHTML =

  ".canr-callout-content {" +
    "display: grid;" +
    "grid-template-columns: 2fr 5fr;" +
    "grid-gap: 18px;" +
    "padding: 18px;" +
    "margin-bottom: 12px;" +
    "background-color: #F2F2F2;" +
    "border-radius: 12px;" +
  "}" +

  ".canr-callout-content .image-wrapper {" +
    "grid-column: 1 / 2;" +
  "}" +

  ".canr-callout-content .text-wrapper {" +
    "grid-column: 2 / 3;" +
  "}" +

  ".canr-callout-content .text-wrapper.no-image{" +
    "grid-column: 1 / 3;" +
  "}" +

  "@media only screen and (max-width: 600px) {" +
  ".canr-callout-content .image-wrapper {" +
    "display: none;" +
  "}" +

  ".canr-callout-content .text-wrapper {" +
    "grid-column: 1 / 3;" +
  "}" +
  "}" +

  ".canr-callout-content .image-wrapper figure.embed-image {" +
    "max-width: 100%;" +
    "margin: 0;" +
  "}" +

  ".canr-callout-content .image-wrapper figure img {" +
    "width: 100%;" +
    "border-radius: 12px;" +
  "}" +

    ".canr-callout-content.Article .text-wrapper {" +
                                          "}" +

  ".canr-callout-content.Audio.Object .text-wrapper audio {" +
    "margin-top: 15px;" +
  "}" +

  
  ".canr-callout-content .text-wrapper p {" +
    "margin-bottom: 24px;" +
  "}" +

  ".canr-callout-content .text-wrapper h3 a {" +
    "margin-bottom: 7px;" +
    "font-family: Arial, sans-serif;" +
    "font-size: 1.1rem;" +
    "color: #18453b;" +
  "}" +

  "@media only screen and (max-width: 600px) {" +
    ".canr-callout-content .text-wrapper h3 a {" +
      "max-height: none;" +
    "}" +
  "}" +

  ".canr-callout-content .text-wrapper .button {" +
    "display: inline-block;" +
    "padding: 0.55em 2em 0.60em;" +
    "letter-spacing: 1px;" +
    "margin: 0 0 1rem;" +
    "font-family: Arial, sans-serif;" +
    "font-size: 1.1rem;" +
    "font-weight: bold;" +
    "color: #fff;" +
    "background-color: #18453b;" +
    "text-decoration: none;" +
    "border: 2px solid #18453b;" +
    "border-radius: 5px;" +
    "cursor: pointer;" +
  "}" +

  ".canr-callout-content .text-wrapper .button:hover {" +
    "border: 2px solid #008208;" +
    "background-color: #008208;" +
  "}" +

  ".canr-callout-content .text-wrapper .button {" +
    "margin-bottom: 7px;" +
    "font-family: Arial, sans-serif;" +
    "font-size: 1rem;" +
    "background-color: #18453b;" +
  "}" +

".canr-clear {" +
    "margin-bottom: 15px;" +
    "clear: both;" +
"}";

canrClear = document.createElement('div');
canrClear.className = "canr-clear";

var i;
for (i = 0; i < canrWrapper.length; i++) {
  canrWrapper[i].innerHTML = html;
  canrWrapper[i].parentNode.insertBefore(canrClear, canrWrapper[i].nextSibling);
  canrWrapper[i].parentNode.insertBefore(canrStyles, canrWrapper[i]);
}