var canrWrapper;



canrWrapper = document.getElementsByClassName("canr-callout-" + "0ee98ad56c137239331de335a3a5891b")

var canrCampaignHostname = window.location.hostname;

var html = "<div class='canr-callout-content no-print Digital Document'>" +
    
            "<div class='image-wrapper'>" +
          "<figure class='embed-image'>" +
                                        "<a href='https://www.canr.msu.edu/resources/cover-crop-provider-directory?utm_source=" + canrCampaignHostname + "&utm_medium=referral&utm_campaign=canr-callouts' data-gtmconversions='callout-digitaldocument' data-multivariate-type='callout' data-title-url='https://www.canr.msu.edu/Cover Crop Service Provider Directory~/resources/cover-crop-provider-directory'>" +
                                                                                                                  "<img src='https://www.canr.msu.edu/contentAsset/image/610f868d76b74b63e423f4f251721a7b/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/resources/cover-crop-provider-directory?utm_source=" + canrCampaignHostname + "&utm_medium=referral&utm_campaign=canr-callouts' data-gtmconversions='callout-digitaldocument' data-multivariate-type='callout' data-title-url='Cover Crop Service Provider Directory~/resources/cover-crop-provider-directory'>Cover Crop Service Provider Directory</a>" +
                                                                                  "</h3>" +
                                                            "<p>The purpose of this document is to highlight some of the businesses that offer cover crop related services to farmers across Michigan.</p>" +
                                                                                                                              "</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.Digital.Document .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]);
}