document.write("<!-- begin code --> <style type=\"text/css\"> .localist-widget-hl ol { margin: 0; padding: 0; list-style: none; font-family: \"Helvetica Neue\",Helvetica,Arial,sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .localist-widget-hl .event-list { clear: both; position: relative; -webkit-transition: opacity .10s ease-out,left .5s ease-out; -moz-transition: opacity .10s ease-out,left .5s ease-out; transition: opacity .10s ease-out,left .5s ease-out; } .localist-widget-hl li.event { -webkit-transition: opacity .10s .10s ease-out,-webkit-transform .10s .10s ease-out,visibility .10s .10s ease-out; -moz-transition: opacity .10s .10s ease-out,-moz-transform .10s .10s ease-out,visibility .10s .10s ease-out; transition: opacity .10s .10s ease-out,transform .10s .10s ease-out,visibility .10s .10s ease-out; } .localist-widget-hl .event-list li { margin-bottom: 20px; } .localist-widget-hl .event-card { display: block; overflow: hidden; margin-bottom: 25px; padding: 0; position: relative; background: #fff; border: 2px solid #efefef; color: #989694; font-size: .8125rem; } .localist-widget-hl .event-overview { -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; transition: all .10s ease-out; } .localist-widget-hl .event-details { background: rgba(84,130,171,0.8); color: #fff; width: 100%; height: 100%; left: 0; opacity: 0; padding: 20px; position: absolute; top: 0; visibility: hidden; -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; transition: all .10s ease-out; } .localist-widget-hl dl { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } .localist-widget-hl .event-specs dt { background-position: center; background-repeat: no-repeat; clear: both; margin-right: 15px; overflow: hidden; text-indent: -9999px; width: 40px; float: left; } .localist-widget-hl .event-specs dt,.event-specs dd { padding: 14px 0 17px; } .localist-widget-hl .event-specs dd { border-top: 1px solid rgba(255,255,255,0.15); position: relative; margin: 0; } .localist-widget-hl .event-detail-title { display: block; line-height: 1.1875em; margin-bottom: 1.5em; font-size: 13px; } .localist-widget-hl .event-specs dd:before { position: absolute; top: 0; left: 40px; width: 1px; height: 100%; background: rgba(255,255,255,0.15); content: ''; } .localist-widget-hl strong { font-weight: 700; } .localist-widget-hl .event-specs { border-bottom: 1px solid rgba(255,255,255,0.15); border-width: 1px 0; line-height: normal; overflow: hidden; } .localist-widget-hl .cover { height: 100%; left: 0; position: absolute; text-indent: -9999px; top: 0; width: 100%; } .localist-widget-hl .event-card header { overflow: hidden; position: relative; height: 13.538em; } .localist-widget-hl .event-card:hover .event-details { opacity: 1; visibility: visible; } .localist-widget-hl .event-list .event-overview .content { height: 7.615384615em; border: 1px solid #efefef; border-width: 0 1px; padding: 23px 20px 19px; } .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 { opacity: 0; text-decoration: none; visibility: hidden; } .localist-widget-hl .event-card .content:before { background: #fff; bottom: 0; content: ''; height: 17px; left: 1px; position: absolute; right: 1px; } .localist-widget-hl .event-card:hover .event-title,.localist-widget-hl .event-card:hover .event--date,.localist-widget-hl .event-card:hover .content:before { opacity: 0; text-decoration: none; visibility: hidden; } .localist-widget-hl .event-card .content p { overflow: hidden; margin: 0; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; line-height: 1.5em; font-family: Georgia,serif; } .localist-widget-hl .event-title { background: rgba(0,0,0,0.5) left top; bottom: 0; color: #fff; font-weight: 800; left: 0; overflow: hidden; padding: 7px 20px 5px; position: absolute; text-overflow: ellipsis; width: 100%; white-space: nowrap; z-index: 1; line-height: 1.875rem; font-size: .8125rem; font-family: \"Helvetica Neue\",Helvetica,Arial,sans-serif; margin: 0; outline: 0; vertical-align: baseline; border: 0; -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; transition: all .10s ease-out; } .localist-widget-hl .event-short-date { background: #5482ab; position: absolute; width: 2.777777778em; height: 2.777777778em; top: 0; left: 0; z-index: 1; padding: .333333333em 0 0; color: #fff; font-weight: 800; font-size: 1.125rem; line-height: 1.111111111em; font-family: : \"Helvetica Neue\",Helvetica,Arial,sans-serif; text-align: center; text-transform: uppercase; -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; transition: all .10s ease-out; } .localist-widget-hl .event-card:hover .event-img { -webkit-transform: scale(1.75) translateX(-30%) translateY(16%); -moz-transform: scale(1.75) translateX(-30%) translateY(16%); -ms-transform: scale(1.75) translateX(-30%) translateY(16%); -o-transform: scale(1.75) translateX(-30%) translateY(16%); transform: scale(1.75) translateX(-30%) translateY(16%); } .localist-widget-hl .event-card .content:before { position: absolute; background: #fff; left: 1px; bottom: 0; right: 1px; content: ''; height: 17px; } .localist-widget-hl .event-img { position: relative; width: auto; height: auto; min-height: 100%; min-width: 100%; display: block; left: 50%; -webkit-transform-origin: center center; -moz-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .10s ease-out; -moz-transition: all .10s ease-out; transition: all .10s ease-out; } .localist-widget-hl .event-card img { display: block; height: auto; width: 100%; } .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 { opacity: 0; text-decoration: none; visibility: hidden; } .localist-widget-hl .event-card .event-short-date { background: #5482ab; } .localist-widget-hl .event-card:hover header { overflow: visible; } .localist-widget-hl .event-card:hover { border-color: rgba(84,130,171,0.8); } .localist-widget-hl .event-card:hover .event-overview { -webkit-filter: blur(5px); filter: blur(5px); } .localist-widget-hl .event-list .event-card { height: 21.153846154em; } .localist-widget-hl .event-short-date abbr { display: block; font-size: 11px; font-weight: 400; line-height: 1.181818182em; border: 0 none; } .localist-widget-hl * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .localist-widget-hl .pin { width: 17px; height: 17px; border-radius: 48% 50% 50% 0; background: #fff; transform: rotate(-45deg); float: left; margin-left: 10px; text-indent: initial; -webkit-backface-visibility: hidden; } .localist-widget-hl .pin:after { content: \"\"; width: 6px; height: 6px; margin: 5px 0 0 6px; background: rgba(84,130,171,0.8); border-radius: 50%; position: absolute; } .localist-widget-hl .clock { float: left; margin-top: 0; border: 2px solid #fff; display: inline-block; position: relative; vertical-align: top; border-radius: 100%; height: 18px; width: 18px; margin-left: 8px; -webkit-backface-visibility: hidden; } .localist-widget-hl .clock:before { height: 4px; left: 8px; top: 4px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); border: 1px solid #fff; content: ''; position: absolute; } .localist-widget-hl .clock:after { height: 4px; left: 6px; top: 2px; border: 1px solid #fff; content: ''; position: absolute; } // @media only screen and (min-width: 30em) { .localist-widget-hl .event-list>li:nth-child(2n+1) { clear: left; } .localist-widget-hl .event-list>li:not(:nth-child(2n)) { margin-right: 5%; } } @media only screen and (min-width: 45em) { .localist-widget-hl .event-list>li:nth-child(3n+1) { clear: left; } .localist-widget-hl .event-list>li:not(:nth-child(3n)) { margin-right: 3.125%; } .localist-widget-hl .event-list li:nth-child(2n+1):not(:nth-child(3n+1)) { clear: none; } .localist-widget-hl .event-list>li:nth-child(3n) { margin-right: 0; } } @media only screen and (min-width: 62.5em) { .localist-widget-hl .event-list>li:not(:nth-child(5n)) { margin-right: 1.66667%; } .localist-widget-hl .event-list>li:nth-child(5n+1) { clear: left; } .localist-widget-hl .event-list li:nth-child(3n+1) { clear: none; } .localist-widget-hl .event-list>li:nth-child(5n) { margin-right: 0; } } @media only screen and (min-width: 30em) { .localist-widget-hl .event-list>li { float: left; margin-bottom: 5%; width: 47.5%; } } @media only screen and (min-width: 45em) { .localist-widget-hl .event-list>li { float: left; margin-bottom: 3.125%; width: 31.25%; } } @media only screen and (min-width: 62.5em) { .localist-widget-hl .event-list>li { float: left; margin-bottom: 1.66667%; width: 18.66667%; } } </style> <div class=\"localist-widget-hl\"> <ol class=\"event-list\"> <li class=\"event le-event\" data-website-url=\"https://www.colorado.edu/ecenter/\"> <article class=\"event-card\"> <div class=\"event-overview\"> <header> <h2 class=\"event-title\">Campus Sustainability Walking tours</h2> <time class=\"event-short-date\" datetime=\"2021-08-31\"> 31&nbsp;<abbr title=\"August\"> Aug </abbr> </time> <img alt=\"CU Boulder campus \" class=\"event-img\" height=\"225\" src=\"https://localist-images.azureedge.net/photos/37458570606533/square_300/9e6842be364aeb84ed9098f1cec31ef020fe4ed6.jpg\" srcset=\"https://localist-images.azureedge.net/photos/37458570606533/square_300@2x/9e6842be364aeb84ed9098f1cec31ef020fe4ed6.jpg 2x, https://localist-images.azureedge.net/photos/37458570606533/square_300/9e6842be364aeb84ed9098f1cec31ef020fe4ed6.jpg 1x\" width=\"225\" /> </header> <div class=\"content\"><p>Come see for yourself all of the features that make CU Boulder one of the most sustainable campuses in the nation. From pollinator gardens to bike stations, solar panels to...</p></div> </div> <div class=\"event-details\"> <strong class=\"event-detail-title\">Campus Sustainability Walking tours</strong> <dl class=\"event-specs\"> <dt class=\"event-date\">Date<div class=\"clock\"></div></dt> <dd class=\"event-date\"> <time datetime=\"2021-08-31\"> Tuesday, August 31 <br> 12:00 pm </time> </dd> <dt class=\"event-location\">Location<div class=\"pin\"></div></dt> <dd class=\"event-location\"> University Memorial Center (UMC) </dl> </div> <a class=\"cover le-event-title\" href=\"https://calendar.colorado.edu/event/campus_sustainability_walking_tours?utm_campaign=widget&utm_medium=widget&utm_source=University+of+Colorado+Boulder\" >Campus Sustainability Walking tours</a> <span class=\"start-time location\"> 12:00 pm - University Memorial Center (UMC) </span> </article> </li> <li class=\"event le-event\" data-website-url=\"https://www.colorado.edu/ecenter/transportation/bicycle/cu-bike-fest-august-31-2021\"> <article class=\"event-card\"> <div class=\"event-overview\"> <header> <h2 class=\"event-title\">CU BikeFest</h2> <time class=\"event-short-date\" datetime=\"2021-08-31\"> 31&nbsp;<abbr title=\"August\"> Aug </abbr> </time> <img alt=\"CU BikeFest\" class=\"event-img\" height=\"225\" src=\"https://localist-images.azureedge.net/photos/37661341822881/square_300/e8a110dbc22503ac3c23cf15ac81ff5c50ab76c5.jpg\" width=\"225\" /> </header> <div class=\"content\"><p>We are excited to be back to Farrand Field for bike festivities on August 31 starting at 1:00. The ad below is old, but the schedule and events will be the same. New this year...</p></div> </div> <div class=\"event-details\"> <strong class=\"event-detail-title\">CU BikeFest</strong> <dl class=\"event-specs\"> <dt class=\"event-date\">Date<div class=\"clock\"></div></dt> <dd class=\"event-date\"> <time datetime=\"2021-08-31\"> Tuesday, August 31 <br> 1:00 pm </time> </dd> <dt class=\"event-location\">Location<div class=\"pin\"></div></dt> <dd class=\"event-location\"> Farrand Field </dl> </div> <a class=\"cover le-event-title\" href=\"https://calendar.colorado.edu/event/cu_bikefest_6060?utm_campaign=widget&utm_medium=widget&utm_source=University+of+Colorado+Boulder\" >CU BikeFest</a> <span class=\"start-time location\"> 01:00 pm - Farrand Field </span> </article> </li> <li class=\"event le-event\" data-website-url=\"https://www.colorado.edu/ecenter/\"> <article class=\"event-card\"> <div class=\"event-overview\"> <header> <h2 class=\"event-title\">Clean Up and Eat Up </h2> <time class=\"event-short-date\" datetime=\"2021-09-01\"> 01&nbsp;<abbr title=\"September\"> Sep </abbr> </time> <img alt=\"students helping clean up litter\" class=\"event-img\" height=\"225\" src=\"https://localist-images.azureedge.net/photos/37458848157856/square_300/542345308de6f5a0020eafa91cd1ecfb6eaa3a67.jpg\" srcset=\"https://localist-images.azureedge.net/photos/37458848157856/square_300@2x/542345308de6f5a0020eafa91cd1ecfb6eaa3a67.jpg 2x, https://localist-images.azureedge.net/photos/37458848157856/square_300/542345308de6f5a0020eafa91cd1ecfb6eaa3a67.jpg 1x\" width=\"225\" /> </header> <div class=\"content\"><p>Clean Up and Eat Up is a great opportunity to get outside and care for our environment and make friends. The Environment Center is hosting this ongoing event to encourage...</p></div> </div> <div class=\"event-details\"> <strong class=\"event-detail-title\">Clean Up and Eat Up </strong> <dl class=\"event-specs\"> <dt class=\"event-date\">Date<div class=\"clock\"></div></dt> <dd class=\"event-date\"> <time datetime=\"2021-09-01\"> Wednesday, September 1 <br> 5:00 pm </time> </dd> <dt class=\"event-location\">Location<div class=\"pin\"></div></dt> <dd class=\"event-location\"> Meet outside of the CASE Building </dd> </dl> </div> <a class=\"cover le-event-title\" href=\"https://calendar.colorado.edu/event/clean_up_and_eat_up?utm_campaign=widget&utm_medium=widget&utm_source=University+of+Colorado+Boulder\" >Clean Up and Eat Up </a> <span class=\"start-time location\"> 05:00 pm - Meet outside of the CASE Building </span> </article> </li> <li class=\"event le-event\" data-website-url=\"https://www.colorado.edu/ecenter/eboard\"> <article class=\"event-card\"> <div class=\"event-overview\"> <header> <h2 class=\"event-title\">Eboard Meetings</h2> <time class=\"event-short-date\" datetime=\"2021-09-01\"> 01&nbsp;<abbr title=\"September\"> Sep </abbr> </time> <img alt=\"Student leaders \" class=\"event-img\" height=\"225\" src=\"https://localist-images.azureedge.net/photos/37644721898595/square_300/448df3f2da0b9f5e5e4fd67ae45048dde7b41b7d.jpg\" srcset=\"https://localist-images.azureedge.net/photos/37644721898595/square_300@2x/448df3f2da0b9f5e5e4fd67ae45048dde7b41b7d.jpg 2x, https://localist-images.azureedge.net/photos/37644721898595/square_300/448df3f2da0b9f5e5e4fd67ae45048dde7b41b7d.jpg 1x\" width=\"225\" /> </header> <div class=\"content\"><p>All arew welcome to learn more and join the Environmental Board, a joint board of the CU Student Government (CUSG). The eboard helps CU students make the Boulder campus a...</p></div> </div> <div class=\"event-details\"> <strong class=\"event-detail-title\">Eboard Meetings</strong> <dl class=\"event-specs\"> <dt class=\"event-date\">Date<div class=\"clock\"></div></dt> <dd class=\"event-date\"> <time datetime=\"2021-09-01\"> Wednesday, September 1 <br> 6:15 pm </time> </dd> <dt class=\"event-location\">Location<div class=\"pin\"></div></dt> <dd class=\"event-location\"> UMC 355 Environmental Center </dd> </dl> </div> <a class=\"cover le-event-title\" href=\"https://calendar.colorado.edu/event/eboard_meetings_5807?utm_campaign=widget&utm_medium=widget&utm_source=University+of+Colorado+Boulder\" >Eboard Meetings</a> <span class=\"start-time location\"> 06:15 pm - UMC 355 Environmental Center </span> </article> </li> <li class=\"event le-event\" data-website-url=\"https://www.facebook.com/Boulderstudenttofarm/\"> <article class=\"event-card\"> <div class=\"event-overview\"> <header> <h2 class=\"event-title\">SEEC Community Garden Care </h2> <time class=\"event-short-date\" datetime=\"2021-09-02\"> 02&nbsp;<abbr title=\"September\"> Sep </abbr> </time> <img alt=\"students gardening at SEEC \" class=\"event-img\" height=\"225\" src=\"https://localist-images.azureedge.net/photos/37643609285405/square_300/7a3773f3706eab12a96f38732a2e64b4489e4583.jpg\" srcset=\"https://localist-images.azureedge.net/photos/37643609285405/square_300@2x/7a3773f3706eab12a96f38732a2e64b4489e4583.jpg 2x, https://localist-images.azureedge.net/photos/37643609285405/square_300/7a3773f3706eab12a96f38732a2e64b4489e4583.jpg 1x\" width=\"225\" /> </header> <div class=\"content\"><p>Join us to weed, plant, and play in the SEEC Community Garden! Send any questions to farmclub@colorado.edu! All are welcome. Find us on the east side of SEEC almost directly...</p></div> </div> <div class=\"event-details\"> <strong class=\"event-detail-title\">SEEC Community Garden Care </strong> <dl class=\"event-specs\"> <dt class=\"event-date\">Date<div class=\"clock\"></div></dt> <dd class=\"event-date\"> <time datetime=\"2021-09-02\"> Thursday, September 2 <br> 5:30 pm </time> </dd> <dt class=\"event-location\">Location<div class=\"pin\"></div></dt> <dd class=\"event-location\"> SEEC </dd> </dl> </div> <a class=\"cover le-event-title\" href=\"https://calendar.colorado.edu/event/seec_community_garden_care?utm_campaign=widget&utm_medium=widget&utm_source=University+of+Colorado+Boulder\" >SEEC Community Garden Care </a> <span class=\"start-time location\"> 05:30 pm - SEEC </span> </article> </li> </ol> </div>");
