document.write("<style type=\"text/css\"> /* container for the widget */ .localist_widget_container { width: 100%; background-color: #fff; overflow: hidden; } /* all links within an event item */ .localist_widget_container li a { text-decoration: none; color: #00AAEE; } /* all hovered links within an event item */ .localist_widget_container li a:hover { text-decoration: underline; color: #0077CC; } /* container for the list of event items */ .localist_widget_container ul.lw_event_list { list-style: none; padding: 0; max-width: 960px; } /* container for each event item */ .localist_widget_container li.lw_event_item { margin: 5px 0; border: 1px solid #ddd; font: 200 14px/20px \"Open Sans\",Helvetica,Arial,sans-serif; background: #ebebeb; overflow: hidden; } /* container for event photo */ .localist_widget_container a.lw_event_item_image { display: block; float: left; overflow: hidden; max-width: 35%; position:relative; } /* event photo (makes it center on the image if dimensions grow/shrink) */ .localist_widget_container a.lw_event_item_image img { top: 50%; left: 50%; position:relative; transform: translate(-50%, 0%) } /* container for non-image content */ .localist_widget_container div.lw_event_content { padding: 10px 20px; overflow: hidden; vertical-align: text-top; } /* event title */ .localist_widget_container div.lw_event_item_title { color: #00AAEE; font-weight: bold; font-size: 18px; line-height: 25px; } /* event description */ .localist_widget_container div.lw_event_item_description { font-size: 14px; } /* container for event meta data */ .localist_widget_container .lw_event_meta { width: 50%; float:left; overflow: hidden; } @media only screen and (max-width: 600px) { .localist_widget_container .lw_event_meta { width: 100%; } } /* event location and time shared code */ .localist_widget_container div.lw_event_item_location, .localist_widget_container div.lw_event_item_time { font-size: 13px; text-transform: none; margin-left: 15px; } /* event location overrides */ .localist_widget_container div.lw_event_item_location { margin-top: 10px; } /* event date */ .localist_widget_container span.lw_event_item_date { background-color: #004876; color: #fff; position:absolute; bottom: 0; left: 0; padding: 5px 0px; width: 100%; font-size: 12px; text-transform: none; text-align: center; } /* event cta */ .localist_widget_container .action_button a { display: block; background: #00AAEE; color: #fff; line-height: 30px; text-decoration: none; text-align: center; margin: 10px 0 0 10px; max-width: 120px; font-weight: bold; font-size: 12px } @media only screen and (max-width: 600px) { .localist_widget_container .action_button a { margin-top: 0; } } /* event cta hover */ .localist_widget_container .action_button a:hover { text-decoration: none; background-color: #0077CC; color: #fff; } .localist_widget_container .lw_view_all_cta a { display: block; text-align: center; font: 400 14px/20px \"Open Sans\",Helvetica,Arial,sans-serif; background-color: #0077CC; color: #fff; padding: 10px 0; text-decoration: none; } /* icons */ .localist_widget_container .pin,.localist_widget_container .pin:after{position:absolute}.localist_widget_container .pin{width:10px;height:10px;border-radius:50% 50% 50% 0;background:#636363;transform:rotate(-45deg);float:left;margin-top:13px}.localist_widget_container .pin:after{content:\"\";width:4px;height:4px;margin:3px 0 0 3px;background:#fff;border-radius:50%} .localist_widget_container .clock{float:left;margin-top:4px;border:2px solid #636363;display:inline-block;position:relative;vertical-align:top;border-radius:100%;height:8px;width:8px}.localist_widget_container .clock:after,.localist_widget_container .clock:before{background:#636363;border:1px solid #636363;content:'';position:absolute;border-left:none;width:0}.localist_widget_container .clock:after{height:2px;left:3px;top:0}.localist_widget_container .clock:before{height:3px;left:5px;top:1px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)} </style> <div class=\"localist_widget_wrapper\"> <div class=\"localist_widget_container\"> <ul class=\"lw lw_event_list\"> <li class=\"lw lw_event_item nocontent\"> <div class=\"lw_event_item_title\">No upcoming events found.</div> </li> </ul> </div> </div>");