(function(){
        var style_text = ".localist-widget-hl ol {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  /*font-family: \"Helvetica Neue\",Helvetica,Arial,sans-serif;*/\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.localist-widget-hl .event-list {\n  clear: both;\n  position: relative;\n  \n  -webkit-transition: opacity .10s ease-out,left .5s ease-out;\n  -moz-transition: opacity .10s ease-out,left .5s ease-out;\n  transition: opacity .10s ease-out,left .5s ease-out;\n\n}\n\n.localist-widget-hl li.event {\n  \n  -webkit-transition: opacity .10s .10s ease-out,-webkit-transform .10s .10s ease-out,visibility .10s .10s ease-out;\n  -moz-transition: opacity .10s .10s ease-out,-moz-transform .10s .10s ease-out,visibility .10s .10s ease-out;\n  transition: opacity .10s .10s ease-out,transform .10s .10s ease-out,visibility .10s .10s ease-out;\n\n}\n\n.localist-widget-hl .event-list li {\n  margin-bottom: 20px;\n}\n\n.localist-widget-hl .event-card {\n  display: block;\n  overflow: hidden;\n  margin-bottom: 25px;\n  padding: 0;\n  position: relative;\n  background: #fff;\n  border: 2px solid #efefef;\n  color: #989694;\n  font-size: .8125rem;\n}\n.localist-widget-hl .event-card .content p { \n  font-size:14px;\n}\n\n.localist-widget-hl .event-overview {\n  \n  -webkit-transition: all .10s ease-out;\n  -moz-transition: all .10s ease-out;\n  transition: all .10s ease-out;\n\n}\n\n.localist-widget-hl .event-details {\n  background: rgba(111,159,147,.8);\n  color: #fff;\n  width: 100%;\n  height: 100%;\n  left: 0;\n  opacity: 0;\n  padding: 20px;\n  position: absolute;\n  top: 0;\n  visibility: hidden;\n  \n  -webkit-transition: all .10s ease-out;\n  -moz-transition: all .10s ease-out;\n  transition: all .10s ease-out;\n\n}\n\n.localist-widget-hl dl {\n  border: 0;\n  font-family: inherit;\n  font-size: 100%;\n  font-style: inherit;\n  font-weight: inherit;\n  margin: 0;\n  outline: 0;\n  padding: 0;\n  vertical-align: baseline;\n}\n\n.localist-widget-hl .event-specs dt {\n  background-position: center;\n  background-repeat: no-repeat;\n  clear: both;\n  margin-right: 15px;\n  overflow: hidden;\n  text-indent: -9999px;\n  width: 40px;\n  float: left;\n}\n\n.localist-widget-hl .event-specs dt,.event-specs dd {\n  padding: 14px 0 17px;\n}\n\n.localist-widget-hl .event-specs dd {\n  border-top: 1px solid rgba(255,255,255,0.15);\n  position: relative;\n  margin: 0;\n}\n\n.localist-widget-hl .event-detail-title {\n  display: block;\n  line-height: 1.1875em;\n  margin-bottom: 1.5em;\n  font-size: 13px;\n}\n\n.localist-widget-hl .event-specs dd:before {\n  position: absolute;\n  top: 0;\n  left: 40px;\n  width: 1px;\n  height: 100%;\n  background: rgba(255,255,255,0.15);\n  content: '';\n}\n\n.localist-widget-hl strong {\n  font-weight: 700;\n}\n\n.localist-widget-hl .event-specs {\n  border-bottom: 1px solid rgba(255,255,255,0.15);\n  border-width: 1px 0;\n  line-height: normal;\n  overflow: hidden;\n}\n\n.localist-widget-hl .cover {\n  height: 100%;\n  left: 0;\n  position: absolute;\n  text-indent: -9999px;\n  top: 0;\n  width: 100%;\n}\n\n.localist-widget-hl .event-card header {\n  overflow: hidden;\n  position: relative;\n  height: 13.538em;\n}\n\n.localist-widget-hl .event-card:hover .event-details {\n  opacity: 1;\n  visibility: visible;\n}\n\n.localist-widget-hl .event-list .event-overview .content {\n  height: 7.615384615em;\n  border: 1px solid #efefef;\n  border-width: 0 1px;\n  padding: 23px 20px 19px;\n}\n\n.localist-widget-hl .event-card:hover .event-title,.localist-widget-hl .event-card:hover .event-short-date,.localist-widget-hl .event-card:hover .content:before {\n  opacity: 0;\n  text-decoration: none;\n  visibility: hidden;\n}\n\n.localist-widget-hl .event-card .content:before {\n  background: #fff;\n  bottom: 0;\n  content: '';\n  height: 17px;\n  left: 1px;\n  position: absolute;\n  right: 1px;\n}\n\n.localist-widget-hl .event-card:hover .event-title,.localist-widget-hl .event-card:hover .event--date,.localist-widget-hl .event-card:hover .content:before {\n  opacity: 0;\n  text-decoration: none;\n  visibility: hidden;\n}\n\n.localist-widget-hl .event-card .content p {\n  overflow: hidden;\n  margin: 0;\n  display: -webkit-box;\n  text-overflow: ellipsis;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  -moz-box-orient: vertical;\n  box-orient: vertical;\n  line-height: 1.25rem;\n  /*font-family: Georgia,serif;*/\n}\n\n.localist-widget-hl .event-title {\n  background: rgba(0,0,0,0.5) left top;\n  bottom: 0;\n  color: #fff;\n  font-weight: 800;\n  left: 0;\n  overflow: hidden;\n  padding: 7px 20px 5px;\n  position: absolute;\n  text-overflow: ellipsis;\n  width: 100%;\n  white-space: nowrap;\n  z-index: 1;\n  line-height: 1.875rem;\n  font-size: .8125rem;\n  /*font-family: \"Helvetica Neue\",Helvetica,Arial,sans-serif;*/\n  margin: 0;\n  outline: 0;\n  vertical-align: baseline;\n  border: 0;\n  \n  -webkit-transition: all .10s ease-out;\n  -moz-transition: all .10s ease-out;\n  transition: all .10s ease-out;\n\n}\n\n.localist-widget-hl .event-short-date {\n\n  background: #6F9F96;\n  position: absolute;\n  width: 2.777777778em;\n  height: 2.777777778em;\n  top: 0;\n  left: 0;\n  z-index: 1;\n  padding: .333333333em 0 0;\n  color: #fff;\n  font-weight: 800;\n  font-size: 1.125rem;\n  line-height: 1.111111111em;\n  /*font-family: : \"Helvetica Neue\",Helvetica,Arial,sans-serif;*/\n  text-align: center;\n  text-transform: uppercase;\n  \n  -webkit-transition: all .10s ease-out;\n  -moz-transition: all .10s ease-out;\n  transition: all .10s ease-out;\n\n}\n\n.localist-widget-hl .event-card:hover .event-img {\n  \n  -webkit-transform: scale(1.75) translateX(-30%) translateY(16%);\n  -moz-transform: scale(1.75) translateX(-30%) translateY(16%);\n  -ms-transform: scale(1.75) translateX(-30%) translateY(16%);\n  -o-transform: scale(1.75) translateX(-30%) translateY(16%);\n  transform: scale(1.75) translateX(-30%) translateY(16%);\n\n}\n\n.localist-widget-hl .event-card .content:before {\n  position: absolute;\n  background: #fff;\n  left: 1px;\n  bottom: 0;\n  right: 1px;\n  content: '';\n  height: 17px;\n}\n\n.localist-widget-hl .event-img {\n  position: relative;\n  width: auto;\n  height: auto;\n  min-height: 100%;\n  min-width: 100%;\n  display: block;\n  left: 50%;\n  \n  -webkit-transform-origin: center center;\n  -moz-transform-origin: center center;\n  -ms-transform-origin: center center;\n  -o-transform-origin: center center;\n  transform-origin: center center;\n  -webkit-transform: translateX(-50%);\n  -moz-transform: translateX(-50%);\n  -ms-transform: translateX(-50%);\n  -o-transform: translateX(-50%);\n  transform: translateX(-50%);\n\n  \n  -webkit-transition: all .10s ease-out;\n  -moz-transition: all .10s ease-out;\n  transition: all .10s ease-out;\n\n}\n\n.localist-widget-hl .event-card img {\n  display: block;\n  height: auto;\n  width: 100%;\n}\n\n.localist-widget-hl .event-card:hover .event-title,.localist-widget-hl .event-card:hover .localist-widget-hl .event-short-date,.localist-widget-hl .event-card:hover .content:before {\n  opacity: 0;\n  text-decoration: none;\n  visibility: hidden;\n}\n\n.localist-widget-hl .event-card .event-short-date {\n  background: #6F9F96;\n}\n\n.localist-widget-hl .event-card:hover header {\n  overflow: visible;\n}\n\n.localist-widget-hl .event-card:hover {\n  border-color: rgba(111,159,147,.8);\n}\n\n.localist-widget-hl .event-card:hover .event-overview {\n  -webkit-filter: blur(5px);\n  filter: blur(5px);\n}\n\n.localist-widget-hl .event-list .event-card {\n  height: 21.153846154em;\n}\n\n.localist-widget-hl .event-short-date abbr {\n  display: block;\n  font-size: 11px;\n  font-weight: 400;\n  line-height: 1.181818182em;\n  border: 0 none;\n}\n\n.localist-widget-hl * {\n  -moz-box-sizing: border-box;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n.localist-widget-hl .pin {\n  width: 17px;\n  height: 17px;\n  border-radius: 48% 50% 50% 0;\n  background: #fff;\n  transform: rotate(-45deg);\n  float: left;\n  margin-left: 10px;\n  text-indent: initial;\n  -webkit-backface-visibility: hidden;\n}\n\n.localist-widget-hl .pin:after {\n  content: \"\";\n  width: 6px;\n  height: 6px;\n  margin: 5px 0 0 6px;\n  background: rgba(111,159,147,.8);\n  border-radius: 50%;\n  position: absolute;\n}\n\n.localist-widget-hl .clock {\n  float: left;\n  margin-top: 0;\n  border: 2px solid #fff;\n  display: inline-block;\n  position: relative;\n  vertical-align: top;\n  border-radius: 100%;\n  height: 18px;\n  width: 18px;\n  margin-left: 8px;\n  -webkit-backface-visibility: hidden;\n}\n\n.localist-widget-hl .clock:before {\n  height: 4px;\n  left: 8px;\n  top: 4px;\n  -webkit-transform: rotate(90deg);\n  -moz-transform: rotate(90deg);\n  -ms-transform: rotate(90deg);\n  -o-transform: rotate(90deg);\n  transform: rotate(90deg);\n  border: 1px solid #fff;\n  content: '';\n  position: absolute;\n}\n\n.localist-widget-hl .clock:after {\n  height: 4px;\n  left: 6px;\n  top: 2px;\n  border: 1px solid #fff;\n  content: '';\n  position: absolute;\n}\n\n@media only screen and (min-width: 30em) {\n  .localist-widget-hl .event-list>li:nth-child(2n+1) {\n    clear: none;\n  }\n\n  .localist-widget-hl .event-list>li:not(:nth-child(2n)) {\n    /*margin-right: 1.2%;*/\n  }\n}\n\n@media only screen and (min-width: 45em) {\n  .localist-widget-hl .event-list>li:nth-child(3n+1) {\n    clear: none;\n  }\n\n  .localist-widget-hl .event-list>li:not(:nth-child(4n)) {\n  /* margin-right: 3.125%;*/\n  /*margin-right: 1.2%;*/\n  }\n\n  .localist-widget-hl .event-list li:nth-child(2n+1):not(:nth-child(3n+1)) {\n    clear: none;\n  }\n\n  .localist-widget-hl .event-list>li:nth-child(3n) {\n    /*margin-right: 0;*/\n  }\n}\n\n@media only screen and (min-width: 62.5em) {\n  .localist-widget-hl .event-list>li:not(:nth-child(5n)) {\n    /*margin-right: 1.66667%;*/\n  }\n\n  .localist-widget-hl .event-list>li:nth-child(5n+1) {\n    clear: none;\n  }\n\n  .localist-widget-hl .event-list li:nth-child(3n+1) {\n    clear: none;\n  }\n\n  .localist-widget-hl .event-list>li:nth-child(5n) {\n    /*margin-right: 0;*/\n  }\n}\n.localist-widget-hl .event-list>li {\n    padding-left:15px;\n    padding-right:15px;\n}\n.news .localist-widget-hl .event-list>li {\n    padding-left:25px;\n    padding-right:25px;\n}\n\n\n@media only screen and (min-width: 30em) {\n  .localist-widget-hl .event-list>li {\n    float: left;\n    margin-bottom: 5%;\n    width: 50%;\n\n  }\n}\n\n@media only screen and (min-width: 45em) {\n  .localist-widget-hl .event-list>li {\n    float: left;\n    margin-bottom: 3.125%;\n    width: 50%;\n\n    \n  }\n}\n\n@media only screen and (min-width: 62.5em) {\n  .localist-widget-hl .event-list>li {\n    float: left;\n    margin-bottom: 1.66667%;\n    width: 25%;\n\n  }\n}";
        var head = document.getElementsByTagName('head')[0];
        if(!head) {
          var body = document.body;
          head = document.createElement('head');
          body.parentNode.insertBefore(head, body);
        }
        var style;
        if(document.createStyleSheet) {
          style = document.createStyleSheet();
          style.cssText = style_text;
        } else {
          style = document.createElement('style');
          style.appendChild(document.createTextNode(style_text));
        }
        try {
          head.appendChild(style);
        } catch(err) {};
      })();
try{document.getElementById("localist-widget-46056511").innerHTML="<!-- begin code -->\n\n\n<div class=\"localist-widget-hl\">\n\n    <ol class=\"event-list\">\n        \n            \n            <li class=\"event\">\n                <article class=\"event-card\">\n                    <div class=\"event-overview\">\n                        <header>\n                            <h2 class=\"event-title stagsansmedium\">Sustainable Food and Diet 101</h2>\n                            <time class=\"event-short-date stagsansbook\" datetime=\"2021-09-17\">\n                                17&nbsp;<abbr title=\"September\">\n                                    Sep\n                                </abbr>\n                            </time>\n                            <img alt=\"Sustainable Food and Diet 101\" class=\"event-img\" height=\"225\" src=\"https://localist-images.azureedge.net/photos/36644786717078/square_300/d586a79587b49f4e675170c88c56d516a077e7d7.jpg\" width=\"225\" />\n                        </header>\n                        <div class=\"content stagsanslight\"><p>This 1 hour webinar will give you a chance to understand the relationship between our food system and the planet, as well as between our diet choices and climate change. Get...</p></div>\n                    </div>\n                    <div class=\"event-details\">\n                        <strong class=\"event-detail-title stagsansmedium\">Sustainable Food and Diet 101</strong>\n                        <dl class=\"event-specs\">\n                            <dt class=\"event-date stagsansmedium\">Date<div class=\"clock\"></div></dt>\n                            <dd class=\"event-date stagsansmedium\">\n                                <time datetime=\"2021-09-17\">\n                                    Friday, September 17 <br> 12:00 pm\n                                </time>\n                            </dd>\n\n                            \n                        </dl>\n                    </div>\n                    <a class=\"cover\" href=\"https://events.miami.edu/event/sustainable_food_and_diet_101_1360?utm_campaign=widget&utm_medium=widget&utm_source=University+of+Miami\" >Sustainable Food and Diet 101</a>\n                    \n                        <span class=\"start-time location\">\n                            \n                            12:00 pm\n                            \n                            \n                            \n                        </span>\n                    \n\n                </article>\n            </li>\n            \n            <li class=\"event\">\n                <article class=\"event-card\">\n                    <div class=\"event-overview\">\n                        <header>\n                            <h2 class=\"event-title stagsansmedium\">Green Alumni Series</h2>\n                            <time class=\"event-short-date stagsansbook\" datetime=\"2021-09-21\">\n                                21&nbsp;<abbr title=\"September\">\n                                    Sep\n                                </abbr>\n                            </time>\n                            <img alt=\"Green Alumni Series\" class=\"event-img\" height=\"225\" src=\"https://localist-images.azureedge.net/photos/37395756198452/square_300/078124aa90d63bbad3e9acb6b86d347c5cbf7081.jpg\" width=\"225\" />\n                        </header>\n                        <div class=\"content stagsanslight\"><p>In 2015, Raul Velarde graduated from the University of Miami with a B.S. in Environmental Engineering and an M.S. in Civil Engineering, concentrating in Sustainable Design and...</p></div>\n                    </div>\n                    <div class=\"event-details\">\n                        <strong class=\"event-detail-title stagsansmedium\">Green Alumni Series</strong>\n                        <dl class=\"event-specs\">\n                            <dt class=\"event-date stagsansmedium\">Date<div class=\"clock\"></div></dt>\n                            <dd class=\"event-date stagsansmedium\">\n                                <time datetime=\"2021-09-21\">\n                                    Tuesday, September 21 <br> 12:00 pm\n                                </time>\n                            </dd>\n\n                            \n                        </dl>\n                    </div>\n                    <a class=\"cover\" href=\"https://events.miami.edu/event/green_alumni_series_5090?utm_campaign=widget&utm_medium=widget&utm_source=University+of+Miami\" >Green Alumni Series</a>\n                    \n                        <span class=\"start-time location\">\n                            \n                            12:00 pm\n                            \n                            \n                            \n                        </span>\n                    \n\n                </article>\n            </li>\n            \n            <li class=\"event\">\n                <article class=\"event-card\">\n                    <div class=\"event-overview\">\n                        <header>\n                            <h2 class=\"event-title stagsansmedium\">Alternative Mobility 101</h2>\n                            <time class=\"event-short-date stagsansbook\" datetime=\"2021-09-24\">\n                                24&nbsp;<abbr title=\"September\">\n                                    Sep\n                                </abbr>\n                            </time>\n                            <img alt=\"Alternative Mobility 101\" class=\"event-img\" height=\"225\" src=\"https://localist-images.azureedge.net/photos/37694991515146/square_300/99b86e51abaef01e6177b8c649460278406d4905.jpg\" width=\"225\" />\n                        </header>\n                        <div class=\"content stagsanslight\"><p>This 1-hour webinar will give you an overview of all the alternative transportation options available to UM Staff and Students. Transportation is a major source of greenhouse...</p></div>\n                    </div>\n                    <div class=\"event-details\">\n                        <strong class=\"event-detail-title stagsansmedium\">Alternative Mobility 101</strong>\n                        <dl class=\"event-specs\">\n                            <dt class=\"event-date stagsansmedium\">Date<div class=\"clock\"></div></dt>\n                            <dd class=\"event-date stagsansmedium\">\n                                <time datetime=\"2021-09-24\">\n                                    Friday, September 24 <br> 12:00 pm\n                                </time>\n                            </dd>\n\n                            \n                        </dl>\n                    </div>\n                    <a class=\"cover\" href=\"https://events.miami.edu/event/alternative_mobility_101?utm_campaign=widget&utm_medium=widget&utm_source=University+of+Miami\" >Alternative Mobility 101</a>\n                    \n                        <span class=\"start-time location\">\n                            \n                            12:00 pm\n                            \n                            \n                            \n                        </span>\n                    \n\n                </article>\n            </li>\n            \n            <li class=\"event\">\n                <article class=\"event-card\">\n                    <div class=\"event-overview\">\n                        <header>\n                            <h2 class=\"event-title stagsansmedium\">Sustainability 101 Webinar</h2>\n                            <time class=\"event-short-date stagsansbook\" datetime=\"2021-10-08\">\n                                08&nbsp;<abbr title=\"October\">\n                                    Oct\n                                </abbr>\n                            </time>\n                            <img alt=\"Sustainability 101 Webinar\" class=\"event-img\" height=\"225\" src=\"https://localist-images.azureedge.net/photos/37395424723741/square_300/4efd86eba6fe78147f15fee0c56589286b04a6b4.jpg\" width=\"225\" />\n                        </header>\n                        <div class=\"content stagsanslight\"><p>If you want to go \u201cgreen\u201d in the workplace, apply to the Green Office certification program and get a basic training in Sustainability: Waste reduction, Recycling, Energy...</p></div>\n                    </div>\n                    <div class=\"event-details\">\n                        <strong class=\"event-detail-title stagsansmedium\">Sustainability 101 Webinar</strong>\n                        <dl class=\"event-specs\">\n                            <dt class=\"event-date stagsansmedium\">Date<div class=\"clock\"></div></dt>\n                            <dd class=\"event-date stagsansmedium\">\n                                <time datetime=\"2021-10-08\">\n                                    Friday, October 8 <br> 12:00 pm\n                                </time>\n                            </dd>\n\n                            \n                        </dl>\n                    </div>\n                    <a class=\"cover\" href=\"https://events.miami.edu/event/sustainability_101_webinar_5193?utm_campaign=widget&utm_medium=widget&utm_source=University+of+Miami\" >Sustainability 101 Webinar</a>\n                    \n                        <span class=\"start-time location\">\n                            \n                            12:00 pm\n                            \n                            \n                            \n                        </span>\n                    \n\n                </article>\n            </li>\n            \n        \n    </ol>\n</div>";}catch(err){};