1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 6 <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> 7<!-- Google Tag Manager for GA4 --> 8
8<script>(function(w,d,s,l,i){w.GAMeasurementID='G-2JJZP6FW5W';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= false; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 118 <meta name="category0" content="Home" /> 119 120 121 <meta name="theme-color" content="rgb(29, 53, 101)"> 122 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 123 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 124 <title>Berea, OH | Official Website</title> 125 126 <meta name="description" content=""> 127 <meta name="keywords" content="Home"> 128
128<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
128 129
129<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
129 130 131 132 <!--[if IE 6]>
132<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
132<![endif]--> 133 <!--[if IE 7]>
133<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
133<![endif]--> 134 <!--[if IE 8]>
134<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
134<![endif]--> 135 <!--[if IE 9]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]--> 136
136<script type="text/javascript"><!-- 137 var intCountryCode = 840; 138 var order = ''; 139//--></script>
139 140 141 <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-891202208.css" rel="stylesheet" type="text/css" /> 142 143 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 144
144<script type="text/javascript"> 145 window.Pages = window.Pages || {}; 146 // FrontEnd RWD initialization 147 window.Pages.rwdReady = $.Deferred(); 148 window.Pages.toolBarDeferred = $.Deferred(); 149 window.Pages.rwdSetupComplete = $.Deferred(); 150 window.Pages.megaMenuLoaded = $.Deferred(); 151 window.Pages.angularToolbarComplete = $.Deferred(); 152 window.Pages.frontEndToolbarComplete = $.Deferred(); 153 </script>
153 154 <!--CPHeadContent--> 155
155<script src="/739942322.js" type="text/javascript"></script>
155 156 157 158 159 160 161 162 163 164 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 165 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 166 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 167 <!--[if lt IE 9]>
167<script type="text/javascript" src="/Scripts/html5.js"></script>
167<![endif]--> 168 169
169<script type="text/javascript"> 170 setEditorVariables(false, 840); 171 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 172 </script>
172 173
173<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
173 174</head> 175<body class="wide " > 176 177
177<script>jQuery(document).click(function (event) { 178 var target = jQuery(event.target); 179 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 180 var text = target.attr('title'); 181 182 if (!text.length) { 183 text = "N/A"; 184 } 185 ga('send', 186 { 187 hitType: 'event', 188 eventCategory: 'Image', 189 eventAction: 'Image - ' + text, 190 eventLabel: window.location.href 191 }); 192 } 193 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 194 var text = ""; 195 if (target.parents('.button')[0]) { 196 text = target.parents('.button').first().text(); 197 } else if (target.text().length) { 198 text = target.text(); 199 } else if (target.attr('title').length) { 200 text = target.attr('title'); 201 } 202 if (!text.length) { 203 text = "N/A"; 204 } 205 ga('send', 206 { 207 hitType: 'event', 208 eventCategory: 'Button', 209 eventAction: 'Button - ' + text, 210 eventLabel: window.location.href 211 }); 212 } 213 if (target.parents('.widgetCustomHtml').length) { 214 ga('send', 215 { 216 hitType: 'event', 217 eventCategory: 'Custom Html',
218 eventAction: 'Custom Html Clicked', 219 eventLabel: window.location.href 220 }); 221 } 222 if (target.parents('.editor').length) { 223 ga('send', 224 { 225 hitType: 'event', 226 eventCategory: 'Editor', 227 eventAction: 'Editor Link Clicked', 228 eventLabel: window.location.href 229 }); 230 } 231 if (target.parents('.GraphicLinks').length) { 232 var text = ""; 233 var targetGraphicLink = target; 234 if (target.hasClass('widgetGraphicLinksLink')) { 235 targetGraphicLink = jQuery(target.children()[0]); 236 } 237 if (targetGraphicLink.hasClass('text')) { 238 text = targetGraphicLink.text(); 239 } else if (targetGraphicLink.attr('src').length) { 240 if (targetGraphicLink.attr('alt').length) { 241 text = targetGraphicLink.attr('alt'); 242 } else { 243 text = targetGraphicLink.attr('src'); 244 } 245 } else { 246 text = "N/A"; 247 } 248 ga('send', 249 { 250 hitType: 'event', 251 eventCategory: 'Graphic Links', 252 eventAction: 'Graphic Link - ' + text, 253 eventLabel: window.location.href 254 }); 255 } 256 if (target.parents('.InfoAdvanced').length) { 257 ga('send', 258 { 259 hitType: 'event', 260 eventCategory: 'Info Advanced', 261 eventAction: 'Info Advanced Clicked', 262 eventLabel: window.location.href 263 }); 264 } 265 if (target.parents('.list').length) { 266 ga('send', 267 { 268 hitType: 'event', 269 eventCategory: 'List', 270 eventAction: 'List Clicked', 271 eventLabel: window.location.href 272 }); 273 } 274 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 275 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 276 var breadCrumbs = []; 277 jQuery('.breadCrumbs > li').each(function () { 278 breadCrumbs.push(this.textContent); 279 }); 280 var pageTitle = breadCrumbs.join('>'); 281 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 282 var text = ""; 283 if (pageTitle) { 284 text += pageTitle + " | "; 285 } else { 286 text += document.title + ' - '; 287 } 288 if (target.text() == "" && megaMenuText == "") { 289 text += "N/A"; 290 } else if (target.text().length && megaMenuText.length) { 291 if (megaMenuText == target.text()) { 292 text += megaMenuText; 293 } else { 294 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 295 } 296 } else if (target.text() == "") { 297 text += megaMenuText; 298 } else { 299 text += target.text(); 300 } 301 if (!text.length) { 302 text = "N/A"; 303 } 304 ga('send', 305 { 306 hitType: 'event', 307 eventCategory: 'Mega Menu', 308 eventAction: 'Mega Menu : ' + text, 309 eventLabel: window.location.href 310 }); 311 } 312 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 313 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 314 if (!text.length) { 315 text = "N/A"; 316 } 317 ga('send', 318 { 319 hitType: 'event', 320 eventCategory: 'News Flash', 321 eventAction: 'News Flash - ' + text, 322 eventLabel: window.location.href 323 }); 324 } 325 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 326 var text = target.text(); 327 if (!text.length) { 328 text = "N/A"; 329 } 330 ga('send', 331 { 332 hitType: 'event', 333 eventCategory: 'Quick Links', 334 eventAction: 'Quick Links - ' + text, 335 eventLabel: window.location.href 336 }); 337 } 338 if (target.attr('src') && target.parents('.cpSlideshow').length) { 339 var text = target.attr('title'); 340 if (!text.length) { 341 text = "N/A"; 342 } 343 ga('send', 344 { 345 hitType: 'event', 346 eventCategory: 'Slideshow', 347 eventAction: 'Slideshow - ' + text, 348 eventLabel: window.location.href 349 }); 350 } 351 if (target.parents('.widgetText').length) { 352 ga('send', 353 { 354 hitType: 'event', 355 eventCategory: 'Text', 356 eventAction: 'Text Link Clicked', 357 eventLabel: window.location.href 358 }); 359 } 360});</script>
360 361 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 362 <div class="cp-PopOver-header"> 363 <h3 class="cp-PopOver-title"></h3> 364 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 365 <svg class="cp-Icon--close" alt="close" title="close"> 366 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 367 </svg> 368 </button> 369 </div> 370 <div id="cpPopOverBody" class="cp-PopOver-body"> 371 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 372 </div> 373 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 374 <div class="cp-BtnGroup" id="actionButtons"> 375 <!-- Action buttons will be dynamically added here --> 376 </div> 377 </div> 378</div> 379 <div id="fb-root"></div> 380<div id=skipToContentLinks> 381<a href="#cc0a7ae630-d324-4ab6-ac6d-9c8ebdfec5de" target="_self" class="skipToContentLink">Skip to Main Content</a> 382</div> 383 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 384 385 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 386 387 388 389 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 390 <input type="hidden" id="hdnStructureID" value="12" /> 391 <input type="hidden" id="hdnContentCollectionID" value="abdee94a-4034-4b5a-a8a8-9a6d8cc3f1b4" /> 392 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 393 <input type="hidden" id="hdnThemeID" value="35" /> 394 <input type="hidden" id="pageIsFrontEnd" value="true" /> 395 <input type="hidden" id="pageModuleID" /> 396 <input type="hidden" id="pagePageID" value="1" /> 397 398 <div id="stickyPlaceholder"></div> 399 <div id="outer-wrap" class="outer-wrap"> 400 <div id="inner-wrap" class="inner-wrap"> 401 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 402 403 404 405 406<!-- Begin Signed Out Bar --> 407<div class="cpToolbar user public"> 408 <div class="inner selfClear"> 409 <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. </span></p> 410 <ul class="nav secondary"> 411 <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li> 412 </ul> 413 </div> 414</div>
415<script> 416 $(document).ready(function () { 417 $('#signedOutToolbarCreateProfileButton').click(function (event) { 418 event.preventDefault(); 419 window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; 420 }); 421 422 423 $('#loggedOutToolbarSignInButton').click(function (event) { 424 event.preventDefault(); 425 window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; 426 }); 427 428 429 if ('False' == 'True') { 430 $('#loggedOutToolbarSignInButton').hide(); 431 } 432 }) 433</script>
433 434<!-- End Signed Out Bar --> 435 436 </div> 437 <div id="bodyWrapper"> 438 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 439 440<div data-cpRole="structuralContainer" id="bodyContainerTS"> 441<div data-cpRole="banner" id="banner2" class="fixedBannerTS"><!-- Header Container --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 442<div data-cpRole="banner" id="banner1"><header data-cpRole="structuralContainer" id="headerContainerTS"> 443<div class="siteWrap4"><div data-cpRole="structuralContainer" id="flexHeaderTS"> 444<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 445 446 447 448 449 <a id="bannerLogoTS-95" style=" display: block; text-align: center; 450" class="bannerObject" href="/" target="_self"><img alt="Berea Ohio Homepage" class="bannerObject" height="70" src="/ImageRepository/Document?documentID=4928" width="150" /></a> 451</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 452<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 453--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 454 --><!-- 455 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/Government" target = "_self" > Government </a> <!-- 456 --><!-- 457 --></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 458 --><!-- 459 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavCommunityandServices" class="navMainItem mainNavItem mainNavItem2 " href="/101/Community-and-Services" target = "_self" > Community and Services </a> <!-- 460 --><!-- 461 --></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!-- 462 --><!-- 463 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu35" id = "mainNavBusinesses" class="navMainItem mainNavItem mainNavItem3 " href="/35/Businesses" target = "_self" > Businesses </a> <!-- 464 --><!-- 465 --></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 466 --><!-- 467 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4 " href="/9/How-Do-I" target = "_self" > How Do I... </a> <!-- 468 --><!-- 469 --></li><!----> 470</ol> 471 472 473
473<script type="text/javascript"> 474 (function () { 475 function setupMenu() { 476 const menuID = 'mainNavMenu'; 477 const menuType = MAIN_MENU; 478 479 //setup menu manager properties for main menu 480 if (!menuManager.mobileMainNav && true) 481 menuManager.adjustMainItemsWidth('#' + menuID); 482 menuManager.isMainMenuEditable = false; 483 menuManager.mainMenuMaxSubMenuLevels = 4; 484 menuManager.setMOMMode(2, menuType); 485 486 //Init main menu 487 const setupDraggable = menuManager.isMainMenuEditable; 488 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=35&menuContainerID=mainNav'; 489 490 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 491 menuManager.mainMenuInit = true; 492 menuManager.mainMenuTextResizer = false; 493 if (1.00 > 0) 494 menuManager.mainMenuTextResizerRatio = 1.00; 495 if (window.isResponsiveEnabled) 496 menuManager.mainMenuReady.resolve(); 497 498 } 499 500 if (document.readyState === "complete" 501 || document.readyState === "loaded" 502 || document.readyState === "interactive") { 503 setupMenu(); 504 return; 505 } 506 507 document.addEventListener("DOMContentLoaded", setupMenu); 508 })(); 509 </script>
509 510 511 512<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="ccd967c049-b1b8-430c-94c5-ad8f77a5be37" data-containerid="d967c049-b1b8-430c-94c5-ad8f77a5be37" class="pageContent cpGrid cpGrid24"> 513 514 515 516 517 </div> 518</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cc45ccba9d-ac32-4e58-bd7b-9cc359657556" data-containerid="45ccba9d-ac32-4e58-bd7b-9cc359657556" class="pageContent cpGrid cpGrid24"> 519 520 521 522 523 </div> 524</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="cc90c696c8-5fc7-4bab-8884-3a2538b5dd0c" data-containerid="90c696c8-5fc7-4bab-8884-3a2538b5dd0c" class="pageContent cpGrid cpGrid24"> 525 526 527 528 529 </div> 530</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cca94777d5-0db9-41cf-b046-77662dd950be" data-containerid="a94777d5-0db9-41cf-b046-77662dd950be" class="pageContent cpGrid cpGrid24"> 531 532 533 534 535 </div> 536</aside></aside></nav> 537</div><div data-cpRole="contentContainer" id="searchTS"> <div id="cc78d6ef07-ca35-4c50-8055-5f8c74bc8bf5" data-containerid="78d6ef07-ca35-4c50-8055-5f8c74bc8bf5" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 538 539 540 <div class="row outer wide"><!-- 541--><div class="outer col col8 first" style="" data-widgetcontainerid="92f3b20b-0080-4766-b929-de5db2ab57d7">� 542 <div class="row nest first last wide">� 543 544 <div class="inner col col8 first last id430f3665-e0ff-43e5-bf80-ba31595c8d92" style="" data-widgetcontainerid="430f3665-e0ff-43e5-bf80-ba31595c8d92">� 545<div data-widget-id="fc68041f-f048-4062-8708-5fbdaf9aaac2" data-widget-controller-path="/GraphicLinks/Widget"> 546 547 548 549 550<div id="graphicLinkWidgetfc68041f-f048-4062-8708-5fbdaf9aaac2" class="widget widgetGraphicLinks skin104 widgetOptionSet16 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 551 <div class="widgetHeader"> 552 <div class=""> 553 </div> 554 </div> 555 <div class="widgetBody cpGrid cpGrid3 "> 556 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 557 <div class="row autoWidths center wide"> 558 <!-- 559--><div class="col col1 first "><ul class="semanticList"><!-- 560 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self"> 561 562<img src="/ImageRepository/Document?documentID=4943" 563 class="graphicButtonLink" alt="Facebook" 564 onmouseover="this.src='/ImageRepository/Document?documentID=4943'" 565 onmouseout="this.src='/ImageRepository/Document?documentID=4943'" 566 onfocus="this.src='/ImageRepository/Document?documentID=4943'" 567 onblur="this.src='/ImageRepository/Document?documentID=4943'"> 568</a></li><!-- 569--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 570 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self"> 571 572<img src="/ImageRepository/Document?documentID=4944" 573 class="graphicButtonLink" alt="Instagram" 574 onmouseover="this.src='/ImageRepository/Document?documentID=4944'" 575 onmouseout="this.src='/ImageRepository/Document?documentID=4944'" 576 onfocus="this.src='/ImageRepository/Document?documentID=4944'" 577 onblur="this.src='/ImageRepository/Document?documentID=4944'"> 578</a></li><!-- 579--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 580 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 581 582<img src="/ImageRepository/Document?documentID=4945" 583 class="graphicButtonLink" alt="YouTube" 584 onmouseover="this.src='/ImageRepository/Document?documentID=4945'" 585 onmouseout="this.src='/ImageRepository/Document?documentID=4945'" 586 onfocus="this.src='/ImageRepository/Document?documentID=4945'" 587 onblur="this.src='/ImageRepository/Document?documentID=4945'"> 588</a></li><!-- 589--></ul></div><!-- --> 590 </div> 591 </nav> 592 </div> 593 <div class="widgetFooter"> 594 </div> 595</div> 596</div> 597 598 </div> <!-- inner column --> 599 600 </div> <!-- inner row --> 601 602 </div><!-- outer column --><!----><div class="outer col col16 last" style="" data-widgetcontainerid="30b81de5-4054-49d2-b308-cbdf8e0a36f1">� 603 <div class="row nest first last wide">� 604 605 <div class="inner col col16 first last id1e6a75a6-1a87-4541-b475-b963afd2f95e" style="" data-widgetcontainerid="1e6a75a6-1a87-4541-b475-b963afd2f95e">� 606<div data-widget-id="d737618a-d958-4792-bdf2-ed22d0031387" data-widget-controller-path="/Layout/WidgetSearch"> 607 608
608<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
608 609
609<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
609 610
610<script defer type="text/javascript"> 611 612 $(document).ready(function () { 613 try { 614 // Minimum characters required before performing a search/autocomplete 615 var minPrefixLength = 3; 616 var autoCompleteDebounceDelay = 500; 617 var searchFieldSelector = "#searchField" + 'd737618a-d958-4792-bdf2-ed22d0031387'; 618 var checkboxSelector = "#ysnSearchOnlyDept" + 'd737618a-d958-4792-bdf2-ed22d0031387'; 619 var buttonSelector = ".widgetSearchButton" + 'd737618a-d958-4792-bdf2-ed22d0031387'; 620 var autoCompleteCache = {}; 621 var autoCompleteCacheKeys = []; 622 var autoCompleteCacheLimit = 25; 623 var currentAutoCompleteRequest = null; 624 var currentAutoCompleteRequestKey = null; 625 var autoCompleteDebounceTimer = null; 626 var autoCompleteDebounceKey = null; 627 var pendingAutoCompleteResponses = []; 628 629 function normalizeAutoCompleteTerm(term) { 630 return $.trim((term || "") + "").replace(/\s+/g, " "); 631 } 632 633 function shouldSearch(term) { 634 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 635 } 636 637 function getAutoCompleteUrl() { 638 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 639 } 640 641 function getAutoCompleteCacheKey(requestUrl, term) { 642 return requestUrl + "|" + term.toLowerCase(); 643 } 644 645 function cacheAutoCompleteResult(cacheKey, data) { 646 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 647 autoCompleteCacheKeys.push(cacheKey); 648 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 649 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 650 } 651 } 652 autoCompleteCache[cacheKey] = data; 653 } 654 655 function respondToPendingAutoComplete(data) { 656 var responses = pendingAutoCompleteResponses; 657 pendingAutoCompleteResponses = []; 658 for (var i = 0; i < responses.length; i++) { 659 responses[i](data); 660 } 661 } 662 663 function cancelPendingAutoComplete() { 664 clearTimeout(autoCompleteDebounceTimer); 665 autoCompleteDebounceKey = null; 666 if (currentAutoCompleteRequest != null) { 667 currentAutoCompleteRequest.abort(); 668 currentAutoCompleteRequest = null; 669 } 670 currentAutoCompleteRequestKey = null; 671 respondToPendingAutoComplete([]); 672 } 673 674 function createWidgetAutoCompleteSource(options) { 675 return function (request, response) { 676 var term = normalizeAutoCompleteTerm(request.term); 677 if (!options.shouldSearch(term)) { 678 response([]); 679 return; 680 } 681 682 var requestUrl = options.url(); 683 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 684 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 685 response(autoCompleteCache[cacheKey]); 686 if (options.success) { 687 options.success(autoCompleteCache[cacheKey]); 688 } 689 return; 690 } 691 692 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 693 pendingAutoCompleteResponses.push(response); 694 return; 695 } 696 697 cancelPendingAutoComplete(); 698 autoCompleteDebounceKey = cacheKey; 699 pendingAutoCompleteResponses.push(response); 700 autoCompleteDebounceTimer = setTimeout(function () { 701 autoCompleteDebounceKey = null; 702 currentAutoCompleteRequestKey = cacheKey; 703 currentAutoCompleteRequest = $.ajax({ 704 url: requestUrl, 705 dataType: "json", 706 timeout: options.timeout, 707 data: { 708 term: term, 709 }, 710 success: function (data) { 711 if (currentAutoCompleteRequestKey === cacheKey) { 712 cacheAutoCompleteResult(cacheKey, data); 713 respondToPendingAutoComplete(data); 714 if (options.success) { 715 options.success(data); 716 } 717 } 718 }, 719 error: function (xmlhttprequest, textstatus, message) { 720 if (textstatus === "abort") { 721 return; 722 } 723 724 if (options.error) { 725 options.error(xmlhttprequest, textstatus, message); 726 } 727 728 respondToPendingAutoComplete([]); 729 }, 730 complete: function (xmlhttprequest) { 731 if (currentAutoCompleteRequest === xmlhttprequest) { 732 currentAutoCompleteRequest = null;
733 currentAutoCompleteRequestKey = null; 734 } 735 } 736 }); 737 }, options.delay); 738 }; 739 } 740 741 // click handler for search buttons 742 $(buttonSelector).click(function (e) { 743 e.preventDefault(); 744 var $btn = $(this); 745 var $field = $btn.siblings(".widgetSearchBox"); 746 var term = $field.val() + ""; 747 if (!shouldSearch(term)) { 748 // do nothing until user types enough characters 749 $field.focus(); 750 return; 751 } 752 753 if ($(checkboxSelector).is(':checked') || false) 754 { 755 doWidgetSearch($.trim(term), Number(0)); 756 } 757 else { 758 doWidgetSearch($.trim(term), 0); 759 } 760 }); 761 762 // enter key handler for the search field 763 $(searchFieldSelector).keypress(function (e) { 764 var code = e.which || e.keyCode; 765 if (code === 13) { 766 e.preventDefault(); 767 var $this = $(this); 768 var term = $this.val() + ""; 769 if (!shouldSearch(term)) { 770 // do nothing until user types enough characters 771 $this.focus(); 772 return false; 773 } 774 775 if ($(checkboxSelector).is(':checked') || false) { 776 doWidgetSearch($.trim(term), Number(0)); 777 } else { 778 doWidgetSearch($.trim(term), 0); 779 } 780 return false; 781 } 782 return true; 783 }); 784 785 // autocomplete: set minLength and guard source 786 if (true) { 787 var $searchField = $(searchFieldSelector).autocomplete({ 788 minLength: minPrefixLength, 789 source: createWidgetAutoCompleteSource({ 790 delay: autoCompleteDebounceDelay, 791 timeout: 10000, 792 shouldSearch: shouldSearch, 793 url: getAutoCompleteUrl, 794 success: function () { 795 $('.autoCompleteError').remove(); 796 }, 797 error: function (xmlhttprequest, textstatus, message) { 798 if (textstatus === "timeout") { 799 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 800 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 801 } 802 } 803 }), 804 html: true, 805 delay: 0, 806 select: function (event, ui) { 807 $(this).val(ui.item.value); 808 $(this).next().click(); 809 } 810 }); 811 812 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 813 return $("<li class=\"itemList\"></li>") 814 .data("ui-autocomplete-item", item) 815 .append("<a>" + item.label + "</a>") 816 .appendTo(ul); 817 }; 818 } 819 820 // keep searchBtnApplyQuery consistent with prefix rule 821 window.searchBtnApplyQuery = function() { 822 var $field = $(searchFieldSelector); 823 var term = $field.val() + ""; 824 if (shouldSearch(term)) { 825 // update href for the icon/button (if present) 826 var btn = document.getElementById("btnSearchIcon"); 827 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 828 } else { 829 var btn = document.getElementById("btnSearchIcon"); 830 if (btn) btn.href = "#"; 831 } 832 }; 833 } 834 catch(e) {} //we're going to eat this error. Autocomplete won't work but we dont wan't to break anything else on the page. 835 }); 836 </script>
836 837 838 <section id="widgetPreviewSearch" class="widget widgetSearch skin98 widgetOptionSet48" style="display: block;" aria-label="Search"> 839 <!-- For the button right and inside --> 840 <div class="widgetBody buttonRightInside"> 841 <input class="widgetSearchBox widgetSearchBoxd737618a-d958-4792-bdf2-ed22d0031387" cp5ph="true" id="searchFieldd737618a-d958-4792-bdf2-ed22d0031387" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search.." type="text" value="" /> 842 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtond737618a-d958-4792-bdf2-ed22d0031387" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=4933" data-image="/ImageRepository/Document?documentID=4932" src="/ImageRepository/Document?documentID=4932" /></a> 843 844 <label class="searchLabel" aria-hidden="true" for="searchFieldd737618a-d958-4792-bdf2-ed22d0031387">Search</label> 845 </div> 846 847 </section> 848 849 850<style scoped> 851 852 .widgetSearch ::-webkit-input-placeholder { 853 color: #FFFFFF; 854 } 855 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 856 color: #FFFFFF; 857 } 858 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 859 color: #FFFFFF; 860 } 861 .widgetSearch :-ms-input-placeholder { 862 color: #FFFFFF; 863 } 864 865 866 .widgetSearch .widgetBody .widgetSearchBoxd737618a-d958-4792-bdf2-ed22d0031387 867 { 868 color: #FFFFFF; 869 background-color: #0069BF; 870min-height:60px; 871border:none; 872border-left:4px solid #56B3FF; 873font-family:Geologica; 874font-size:18px; 875padding:0 65px 0 16px; 876 } 877 .widgetSearch .widgetBody .widgetSearchButtond737618a-d958-4792-bdf2-ed22d0031387 878 { 879 margin:10px 10px 10px 0; 880 } 881 .widgetSearch .widgetSearch-onlyDeptd737618a-d958-4792-bdf2-ed22d0031387 882 { 883 display: inline-block; 884 color: #333; 885 886 887 padding-top: 10px; 888 } 889 #ysnSearchOnlyDeptd737618a-d958-4792-bdf2-ed22d0031387 890 { 891 position: relative; 892 top: .125em; 893 } 894 895</style> 896 897<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 898<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 899 900 901
902<script type="text/javascript"> 903 //Updates search icons href to have the correct queryString 904 function searchBtnApplyQuery() { 905 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldd737618a-d958-4792-bdf2-ed22d0031387").value; 906 } 907</script>
907 908 909</div> 910 911 </div> <!-- inner column --> 912 913 </div> <!-- inner row --> 914 915 </div><!-- outer column --><!-- --></div> <!-- outer row --> 916 917 918 </div> 919</div></div> 920</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerSizingTS"> 921<div data-cpRole="structuralContainer" id="bannerSearchTS"> 922<div class="siteWrap8"><div data-cpRole="contentContainer" id="welcomeTS"> <div id="cc75a5935b-547a-417a-ac07-449e84999f3b" data-containerid="75a5935b-547a-417a-ac07-449e84999f3b" class="pageContent cpGrid cpGrid24 showInMobile"> 923 924 925 <div class="row outer wide"><!-- 926--><div class="outer col col24 first last" style="" data-widgetcontainerid="e5e84198-61c9-4029-aa84-1a115c96a68e">� 927 <div class="row nest first last wide">� 928 929 <div class="inner col col24 first last id341f458f-aba1-4f45-8250-4917717e7772" style="" data-widgetcontainerid="341f458f-aba1-4f45-8250-4917717e7772">� 930 <div data-widget-id="3ce0518e-1760-4ff8-a820-dbf24c583480" data-widget-controller-path="/InfoAdvanced/Widget"> 931 932 933 934 935 936 <section id="divInfoAdv3ce0518e-1760-4ff8-a820-dbf24c583480" class="widget widgetInfoAdvanced skin98 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 937 <header class="widgetHeader" id="header3ce0518e-1760-4ff8-a820-dbf24c583480"> 938 <div class=""> 939 </div> 940 </header> 941 <div class="widgetBody cpGrid cpGrid1 "> 942 <div class="row wide"> 943 <div class="col col1 first last"> 944 <ol class="pageStyles semanticList"> 945 946<li class="InfoAdvanced widgetItem fr-view"> 947 <p><img src="/ImageRepository/Document?documentId=3194" class="fr-dib" alt="Welcome to Berea Ohio"></p> 948</li> </ol> 949 </div> 950 </div> 951 </div> 952 <div class="widgetFooter"> 953 954 </div> 955 956 </section> 957 958 959
960<script type="text/javascript"> 961 //Render slideshow if info advacned items contain one. 962 $(document).ready(function (e) { 963 $('#divInfoAdv3ce0518e-1760-4ff8-a820-dbf24c583480 .InfoAdvanced.widgetItem').each(function () { 964 renderSlideshowIfApplicable($(this)); 965 }); 966 }); 967</script>
967</div> 968 </div> <!-- inner column --> 969 970 </div> <!-- inner row --> 971 972 </div><!-- outer column --><!-- --></div> <!-- outer row --> 973 974 975 </div> 976</div></div> 977</div> 978</div> 979 980 981 982 983 <div id="bannerImagesJSON94" class="hidden"></div> 984 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 985 <a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> 986 <a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> 987 </div> 988
988<script type="text/javascript"> 989 $(window).on("load", function () { 990 $.when(window.Pages.rwdSetupComplete) 991 .done(function () { 992 renderExternalBannerSlideshow('banner1', 993 {"BannerOptionID":94,"ThemeID":35,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":234,"BannerOptionID":94,"FileName":"/ImageRepository/Document?documentID=5453","Height":1608,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":235,"BannerOptionID":94,"FileName":"/ImageRepository/Document?documentID=5454","Height":1569,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":5,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":236,"BannerOptionID":94,"FileName":"/ImageRepository/Document?documentID=5456","Height":1950,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":6,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":237,"BannerOptionID":94,"FileName":"/ImageRepository/Document?documentID=5460","Height":1462,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":6,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":232,"BannerOptionID":94,"FileName":"/ImageRepository/Document?documentID=4186","Height":1583,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":6,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 994 '/App_Themes/2025 - Home/Images/', 995 'Rotating'); 996 }); 997 }); 998 </script>
998 999 1000</div> 1001</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 1002<div class="siteWrap4"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 1003<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 1004<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 1005<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">
1005<script type='text/javascript'>$('#breadCrumbs').hide();</script>
1005</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1006 1007 <div id="page" class="moduleContentNew"> 1008 1009 1010 <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> 1011 <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> 1012 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="6511" /> 1013 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> 1014 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" /> 1015 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 1016 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 1017 1018 1019 <div id="cc0a7ae630-d324-4ab6-ac6d-9c8ebdfec5de" data-containerid="0a7ae630-d324-4ab6-ac6d-9c8ebdfec5de" class="pageContent cpGrid cpGrid24" > 1020 1021 1022 1023 1024 </div> 1025 1026 </div> 1027 1028 1029 <div class="newCP"> 1030 1031 </div> 1032</div> 1033</div> 1034</div> 1035</div></div> 1036</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS" class="fixedBottomTS"> 1037<div class="siteWrap10"><div data-cpRole="contentContainer" id="gbsTS"> <div id="ccb4027617-88e1-47f1-a1ab-6c5d32e9169a" data-containerid="b4027617-88e1-47f1-a1ab-6c5d32e9169a" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> 1038 1039 1040 <div class="row outer wide"><!-- 1041--><div class="outer col col8 first" style="" data-widgetcontainerid="47ed74bf-c570-43ea-8c3b-6a00d4f78e9b">� 1042 <div class="row nest first last wide">� 1043 1044 <div class="inner col col8 first last id14c739a1-f50b-45fd-b181-8cec85c1bcdf" style="" data-widgetcontainerid="14c739a1-f50b-45fd-b181-8cec85c1bcdf">� 1045<div data-widget-id="6187b6f3-01b9-4b5a-a64e-beae3dc64ddf" data-widget-controller-path="/GraphicLinks/Widget"> 1046 1047 1048 1049 1050<div id="graphicLinkWidget6187b6f3-01b9-4b5a-a64e-beae3dc64ddf" class="widget widgetGraphicLinks skin101 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1051 <div class="widgetHeader"> 1052 <div class=""> 1053 </div> 1054 </div> 1055 <div class="widgetBody cpGrid cpGrid2 "> 1056 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1057 <div class="row wide"> 1058 <!-- 1059--><div class="col col1 first "><ul class="semanticList"><!-- 1060 --><li class="widgetItem GraphicLinks"> 1061 1062<div> 1063 <a href="/Archive.aspx?AMID=53&Type=Recent" target="_self" class="fancyButton fancyButton226 " > 1064 <span> 1065 <span><span class="text">Newsletter</span></span> 1066 </span> 1067 </a> 1068</div> 1069 <style scoped="scoped">.fancyButton226.fancyButton:link,.fancyButton226.fancyButton:visited, .fancyButton226div.fancyButton{ 1070 background-image: url('/ImageRepository/Document?documentID=4934'); 1071 background-repeat: no-repeat; 1072 background-position: left center; 1073transition:all .3s ease-in-out;} 1074.fancyButton226.fancyButton:hover,.fancyButton226.fancyButton:focus,.fancyButton226.fancyButton:active,.fancyButton226.fancyButton.hover{ 1075 background-image: url('/ImageRepository/Document?documentID=4941'); 1076 background-repeat: no-repeat; 1077 background-position: left top; 1078} 1079.fancyButton226.fancyButton:link > span,.fancyButton226.fancyButton:visited > span, .fancyButton226div.fancyButton > span{ 1080} 1081.fancyButton226.fancyButton:hover > span,.fancyButton226.fancyButton:focus > span,.fancyButton226.fancyButton:active > span,.fancyButton226.fancyButton.hover > span{ 1082} 1083.fancyButton226.fancyButton .text{ 1084 color: rgb(255, 255, 255); 1085 font-size: 1.2em; 1086 font-family: "Poppins"; 1087 text-align: left; 1088 padding-left: 110px; 1089 font-style: normal; 1090 text-decoration: none; 1091 padding-left: 110px; 1092 background-image: url('/ImageRepository/Document?documentID=4940'); 1093 background-repeat: no-repeat; 1094 background-position: 28px 27px ; 1095min-height:100px; 1096display:flex; 1097flex-direction:column; 1098justify-content:center; 1099transition:all .3s ease-in-out; 1100} 1101.fancyButton226.fancyButton:hover .text,.fancyButton226.fancyButton:focus .text,.fancyButton226.fancyButton:active .text,.fancyButton226.fancyButton.hover .text{ 1102 text-decoration: underline; 1103 background-image: url('/ImageRepository/Document?documentID=4942'); 1104 background-repeat: no-repeat; 1105 background-position: 25px center; 1106 1107 1108} 1109</style> 1110 1111 </li><!-- 1112--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1113 --><li class="widgetItem GraphicLinks"> 1114 1115<div> 1116 <a href="/188/Parks-Recreation" target="_self" class="fancyButton fancyButton227 " > 1117 <span> 1118 <span><span class="text">Parks & Rec</span></span> 1119 </span> 1120 </a> 1121</div> 1122 <style scoped="scoped">.fancyButton227.fancyButton:link,.fancyButton227.fancyButton:visited, .fancyButton227div.fancyButton{ 1123 background-image: url('/ImageRepository/Document?documentID=4934'); 1124 background-repeat: no-repeat; 1125 background-position: left center; 1126transition:all .3s ease-in-out;} 1127.fancyButton227.fancyButton:hover,.fancyButton227.fancyButton:focus,.fancyButton227.fancyButton:active,.fancyButton227.fancyButton.hover{ 1128 background-image: url('/ImageRepository/Document?documentID=4941'); 1129 background-repeat: no-repeat; 1130 background-position: left top; 1131} 1132.fancyButton227.fancyButton:link > span,.fancyButton227.fancyButton:visited > span, .fancyButton227div.fancyButton > span{ 1133} 1134.fancyButton227.fancyButton:hover > span,.fancyButton227.fancyButton:focus > span,.fancyButton227.fancyButton:active > span,.fancyButton227.fancyButton.hover > span{ 1135} 1136.fancyButton227.fancyButton .text{ 1137 color: rgb(255, 255, 255); 1138 font-size: 1.2em; 1139 font-family: "Poppins"; 1140 text-align: left; 1141 padding-top: 10px; 1142 padding-bottom: 10px; 1143 padding-right: 10px; 1144 padding-left: 110px; 1145 font-style: normal; 1146 text-decoration: none; 1147 padding-top: 10px; 1148 padding-bottom: 10px; 1149 padding-right: 10px; 1150 padding-left: 110px; 1151 background-image: url('/ImageRepository/Document?documentID=4937'); 1152 background-repeat: no-repeat; 1153 background-position: 29px 27px ; 1154min-height:100px; 1155display:flex; 1156flex-direction:column; 1157justify-content:center; 1158transition:all .3s ease-in-out; 1159} 1160.fancyButton227.fancyButton:hover .text,.fancyButton227.fancyButton:focus .text,.fancyButton227.fancyButton:active .text,.fancyButton227.fancyButton.hover .text{ 1161 text-decoration: underline; 1162 background-image: url('/ImageRepository/Document?documentID=4989'); 1163 background-repeat: no-repeat; 1164 background-position: 29px center; 1165 1166 1167} 1168</style> 1169 1170 </li><!-- 1171--></ul></div><!-- --> 1172 </div> 1173 </nav> 1174 </div> 1175 <div class="widgetFooter"> 1176 </div> 1177</div> 1178</div> 1179 1180 </div> <!-- inner column --> 1181 1182 </div> <!-- inner row --> 1183 1184 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="005d8edd-6160-4c18-9fae-3e2b706139e0">� 1185 <div class="row nest first last wide">� 1186 1187 <div class="inner col col8 first last id53c59570-78c1-4d45-95cd-48fc368150ca" style="" data-widgetcontainerid="53c59570-78c1-4d45-95cd-48fc368150ca">� 1188<div data-widget-id="5b54d0da-1992-4a01-a3f1-3bb360c3549f" data-widget-controller-path="/GraphicLinks/Widget"> 1189 1190 1191 1192 1193<div id="graphicLinkWidget5b54d0da-1992-4a01-a3f1-3bb360c3549f" class="widget widgetGraphicLinks skin101 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1194 <div class="widgetHeader"> 1195 <div class="">
1196 </div> 1197 </div> 1198 <div class="widgetBody cpGrid cpGrid2 "> 1199 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1200 <div class="row wide"> 1201 <!-- 1202--><div class="col col1 first "><ul class="semanticList"><!-- 1203 --><li class="widgetItem GraphicLinks"> 1204 1205<div> 1206 <a href="/Faq.aspx?QID=84" target="_self" class="fancyButton fancyButton228 " > 1207 <span> 1208 <span><span class="text">Pay Your Bill</span></span> 1209 </span> 1210 </a> 1211</div> 1212 <style scoped="scoped">.fancyButton228.fancyButton:link,.fancyButton228.fancyButton:visited, .fancyButton228div.fancyButton{ 1213 background-image: url('/ImageRepository/Document?documentID=4934'); 1214 background-repeat: no-repeat; 1215 background-position: left center; 1216transition:all .3s ease-in-out;} 1217.fancyButton228.fancyButton:hover,.fancyButton228.fancyButton:focus,.fancyButton228.fancyButton:active,.fancyButton228.fancyButton.hover{ 1218 background-image: url('/ImageRepository/Document?documentID=4941'); 1219 background-repeat: no-repeat; 1220 background-position: left top; 1221} 1222.fancyButton228.fancyButton:link > span,.fancyButton228.fancyButton:visited > span, .fancyButton228div.fancyButton > span{ 1223} 1224.fancyButton228.fancyButton:hover > span,.fancyButton228.fancyButton:focus > span,.fancyButton228.fancyButton:active > span,.fancyButton228.fancyButton.hover > span{ 1225} 1226.fancyButton228.fancyButton .text{ 1227 color: rgb(255, 255, 255); 1228 font-size: 1.2em; 1229 font-family: "Poppins"; 1230 text-align: left; 1231 padding-top: 10px; 1232 padding-bottom: 10px; 1233 padding-right: 10px; 1234 padding-left: 110px; 1235 font-style: normal; 1236 text-decoration: none; 1237 padding-top: 10px; 1238 padding-bottom: 10px; 1239 padding-right: 10px; 1240 padding-left: 110px; 1241 background-image: url('/ImageRepository/Document?documentID=4938'); 1242 background-repeat: no-repeat; 1243 background-position: 28px 27px ; 1244min-height:100px; 1245display:flex; 1246flex-direction:column; 1247justify-content:center; 1248transition:all .3s ease-in-out; 1249} 1250.fancyButton228.fancyButton:hover .text,.fancyButton228.fancyButton:focus .text,.fancyButton228.fancyButton:active .text,.fancyButton228.fancyButton.hover .text{ 1251 text-decoration: underline; 1252 background-image: url('/ImageRepository/Document?documentID=4990'); 1253 background-repeat: no-repeat; 1254 background-position: 28px center; 1255 1256 1257} 1258</style> 1259 1260 </li><!-- 1261--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1262 --><li class="widgetItem GraphicLinks"> 1263 1264<div> 1265 <a href="/requesttracker.aspx" target="_self" class="fancyButton fancyButton229 " > 1266 <span> 1267 <span><span class="text">Report a<br>Concern</span></span> 1268 </span> 1269 </a> 1270</div> 1271 <style scoped="scoped">.fancyButton229.fancyButton:link,.fancyButton229.fancyButton:visited, .fancyButton229div.fancyButton{ 1272 background-image: url('/ImageRepository/Document?documentID=4934'); 1273 background-repeat: no-repeat; 1274 background-position: left center; 1275transition:all .3s ease-in-out;} 1276.fancyButton229.fancyButton:hover,.fancyButton229.fancyButton:focus,.fancyButton229.fancyButton:active,.fancyButton229.fancyButton.hover{ 1277 background-image: url('/ImageRepository/Document?documentID=4941'); 1278 background-repeat: no-repeat; 1279 background-position: left top; 1280} 1281.fancyButton229.fancyButton:link > span,.fancyButton229.fancyButton:visited > span, .fancyButton229div.fancyButton > span{ 1282} 1283.fancyButton229.fancyButton:hover > span,.fancyButton229.fancyButton:focus > span,.fancyButton229.fancyButton:active > span,.fancyButton229.fancyButton.hover > span{ 1284} 1285.fancyButton229.fancyButton .text{ 1286 color: rgb(255, 255, 255); 1287 font-size: 1.2em; 1288 font-family: "Poppins"; 1289 text-align: left; 1290 padding-top: 10px; 1291 padding-bottom: 10px; 1292 padding-right: 10px; 1293 padding-left: 110px; 1294 font-style: normal; 1295 text-decoration: none; 1296 padding-top: 10px; 1297 padding-bottom: 10px; 1298 padding-right: 10px; 1299 padding-left: 110px; 1300 background-image: url('/ImageRepository/Document?documentID=4939'); 1301 background-repeat: no-repeat; 1302 background-position: 28px 27px ; 1303min-height:100px; 1304display:flex; 1305flex-direction:column; 1306justify-content:center; 1307transition:all .3s ease-in-out; 1308} 1309.fancyButton229.fancyButton:hover .text,.fancyButton229.fancyButton:focus .text,.fancyButton229.fancyButton:active .text,.fancyButton229.fancyButton.hover .text{ 1310 text-decoration: underline; 1311 background-image: url('/ImageRepository/Document?documentID=4991'); 1312 background-repeat: no-repeat; 1313 background-position: 28px center; 1314 1315 1316} 1317</style> 1318 1319 </li><!-- 1320--></ul></div><!-- --> 1321 </div> 1322 </nav> 1323 </div> 1324 <div class="widgetFooter"> 1325 </div> 1326</div> 1327</div> 1328 1329 </div> <!-- inner column --> 1330 1331 </div> <!-- inner row --> 1332 1333 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="0bad0a6b-805a-475b-bf08-86361e847436">� 1334 <div class="row nest first last wide">� 1335 1336 <div class="inner col col8 first last id09f38aa5-d841-4e48-a739-ffd7637835a5" style="" data-widgetcontainerid="09f38aa5-d841-4e48-a739-ffd7637835a5">� 1337<div data-widget-id="3323921f-5965-4b77-bf2c-33dcfab5d0c7" data-widget-controller-path="/GraphicLinks/Widget"> 1338 1339 1340 1341 1342<div id="graphicLinkWidget3323921f-5965-4b77-bf2c-33dcfab5d0c7" class="widget widgetGraphicLinks skin101 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1343 <div class="widgetHeader"> 1344 <div class="">
1345 </div> 1346 </div> 1347 <div class="widgetBody cpGrid cpGrid2 "> 1348 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1349 <div class="row wide"> 1350 <!-- 1351--><div class="col col1 first "><ul class="semanticList"><!-- 1352 --><li class="widgetItem GraphicLinks"> 1353 1354<div> 1355 <a href="/302/berea-municipal-court" target="_self" class="fancyButton fancyButton234 " > 1356 <span> 1357 <span><span class="text">Municipal Court</span></span> 1358 </span> 1359 </a> 1360</div> 1361 <style scoped="scoped">.fancyButton234.fancyButton:link,.fancyButton234.fancyButton:visited, .fancyButton234div.fancyButton{ 1362 background-image: url('/ImageRepository/Document?documentID=4934'); 1363 background-repeat: no-repeat; 1364 background-position: left center; 1365transition:all .3s ease-in-out;} 1366.fancyButton234.fancyButton:hover,.fancyButton234.fancyButton:focus,.fancyButton234.fancyButton:active,.fancyButton234.fancyButton.hover{ 1367 background-image: url('/ImageRepository/Document?documentID=4941'); 1368 background-repeat: no-repeat; 1369 background-position: left top; 1370} 1371.fancyButton234.fancyButton:link > span,.fancyButton234.fancyButton:visited > span, .fancyButton234div.fancyButton > span{ 1372} 1373.fancyButton234.fancyButton:hover > span,.fancyButton234.fancyButton:focus > span,.fancyButton234.fancyButton:active > span,.fancyButton234.fancyButton.hover > span{ 1374} 1375.fancyButton234.fancyButton .text{ 1376 color: rgb(255, 255, 255); 1377 font-size: 1.2em; 1378 font-family: "Poppins"; 1379 text-align: left; 1380 padding-top: 10px; 1381 padding-bottom: 10px; 1382 padding-right: 10px; 1383 padding-left: 110px; 1384 font-style: normal; 1385 text-decoration: none; 1386 padding-top: 10px; 1387 padding-bottom: 10px; 1388 padding-right: 10px; 1389 padding-left: 110px; 1390 background-image: url('/ImageRepository/Document?documentID=4936'); 1391 background-repeat: no-repeat; 1392 background-position: 28px 26px ; 1393min-height:100px; 1394display:flex; 1395flex-direction:column; 1396justify-content:center; 1397transition:all .3s ease-in-out; 1398} 1399.fancyButton234.fancyButton:hover .text,.fancyButton234.fancyButton:focus .text,.fancyButton234.fancyButton:active .text,.fancyButton234.fancyButton.hover .text{ 1400 text-decoration: underline; 1401 background-image: url('/ImageRepository/Document?documentID=4988'); 1402 background-repeat: no-repeat; 1403 background-position: 28px center; 1404 1405 1406} 1407</style> 1408 1409 </li><!-- 1410--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1411 --><li class="widgetItem GraphicLinks"> 1412 1413<div> 1414 <a href="/534/Parks-Facilities" target="_self" class="fancyButton fancyButton230 " > 1415 <span> 1416 <span><span class="text">Facility Rental</span></span> 1417 </span> 1418 </a> 1419</div> 1420 <style scoped="scoped">.fancyButton230.fancyButton:link,.fancyButton230.fancyButton:visited, .fancyButton230div.fancyButton{ 1421 background-image: url('/ImageRepository/Document?documentID=4934'); 1422 background-repeat: no-repeat; 1423 background-position: left center; 1424transition:all .3s ease-in-out;} 1425.fancyButton230.fancyButton:hover,.fancyButton230.fancyButton:focus,.fancyButton230.fancyButton:active,.fancyButton230.fancyButton.hover{ 1426 background-image: url('/ImageRepository/Document?documentID=4941'); 1427 background-repeat: no-repeat; 1428 background-position: left top; 1429} 1430.fancyButton230.fancyButton:link > span,.fancyButton230.fancyButton:visited > span, .fancyButton230div.fancyButton > span{ 1431} 1432.fancyButton230.fancyButton:hover > span,.fancyButton230.fancyButton:focus > span,.fancyButton230.fancyButton:active > span,.fancyButton230.fancyButton.hover > span{ 1433} 1434.fancyButton230.fancyButton .text{ 1435 color: rgb(255, 255, 255); 1436 font-size: 1.2em; 1437 font-family: "Poppins"; 1438 text-align: left; 1439 padding-top: 10px; 1440 padding-bottom: 10px; 1441 padding-right: 10px; 1442 padding-left: 110px; 1443 font-style: normal; 1444 text-decoration: none; 1445 padding-top: 10px; 1446 padding-bottom: 10px; 1447 padding-right: 10px; 1448 padding-left: 110px; 1449 background-image: url('/ImageRepository/Document?documentID=4935'); 1450 background-repeat: no-repeat; 1451 background-position: 28px 27px ; 1452min-height:100px; 1453display:flex; 1454flex-direction:column; 1455justify-content:center; 1456transition:all .3s ease-in-out; 1457} 1458.fancyButton230.fancyButton:hover .text,.fancyButton230.fancyButton:focus .text,.fancyButton230.fancyButton:active .text,.fancyButton230.fancyButton.hover .text{ 1459 text-decoration: underline; 1460 background-image: url('/ImageRepository/Document?documentID=4987'); 1461 background-repeat: no-repeat; 1462 background-position: 28px center; 1463 1464 1465} 1466</style> 1467 1468 </li><!-- 1469--></ul></div><!-- --> 1470 </div> 1471 </nav> 1472 </div> 1473 <div class="widgetFooter"> 1474 </div> 1475</div> 1476</div> 1477 1478 </div> <!-- inner column --> 1479 1480 </div> <!-- inner row --> 1481 1482 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1483 1484 1485 </div> 1486</div></div> 1487</div><!-- Tabs / Links --><div data-cpRole="structuralContainer" id="homeContainer1"> 1488<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent1a"> <div id="cc73e564d2-596f-4c00-96dd-5fbaf84291e0" data-containerid="73e564d2-596f-4c00-96dd-5fbaf84291e0" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="60"> 1489 1490 1491 <div class="row outer wide"><!-- 1492--><div class="outer col col24 first last" style="" data-widgetcontainerid="c71da61d-0fd3-4d52-a4e6-5256d2489b54">� 1493 <div class="row nest first last wide">� 1494 1495 <div class="inner col col24 first last id9fa74d75-d9af-4289-98f8-8ba00f1f5f36" style="" data-widgetcontainerid="9fa74d75-d9af-4289-98f8-8ba00f1f5f36">� 1496 <div data-widget-id="e9934b2b-95d3-4a68-949d-59e0c9cd8c6c" data-widget-controller-path="/InfoAdvanced/Widget"> 1497 1498 1499 1500 1501 1502 <section id="divInfoAdve9934b2b-95d3-4a68-949d-59e0c9cd8c6c" class="widget widgetInfoAdvanced skin106 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1503 <header class="widgetHeader" id="headere9934b2b-95d3-4a68-949d-59e0c9cd8c6c"> 1504 <div class=""> 1505 </div> 1506 </header> 1507 <div class="widgetBody cpGrid cpGrid1 "> 1508 <div class="row wide"> 1509 <div class="col col1 first last"> 1510 <ol class="pageStyles semanticList"> 1511 1512<li class="InfoAdvanced widgetItem fr-view"> 1513 <h1 class="headline" style="text-align: center;">What’s New</h1><p style="text-align: center;">Latest News & Mayor’s Message</p> 1514</li> </ol> 1515 </div> 1516 </div> 1517 </div> 1518 <div class="widgetFooter"> 1519 1520 </div> 1521 1522 </section> 1523 1524 1525
1526<script type="text/javascript"> 1527 //Render slideshow if info advacned items contain one. 1528 $(document).ready(function (e) { 1529 $('#divInfoAdve9934b2b-95d3-4a68-949d-59e0c9cd8c6c .InfoAdvanced.widgetItem').each(function () { 1530 renderSlideshowIfApplicable($(this)); 1531 }); 1532 }); 1533</script>
1533</div> 1534 </div> <!-- inner column --> 1535 1536 </div> <!-- inner row --> 1537 1538 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1539 <div class="row outer wide"><!-- 1540--><div class="outer col col14 first" style="" data-widgetcontainerid="38e29363-d02c-442c-a930-315a6d705bc0">� 1541 <div class="row nest first last wide">� 1542 1543 <div class="inner col col14 first last id6f481c46-8c8a-4bfe-b7a0-e6c43245117b" style="" data-widgetcontainerid="6f481c46-8c8a-4bfe-b7a0-e6c43245117b">� 1544<div data-widget-id="61c3e529-4fe2-4ac5-8ebc-2ce8799ae229" data-widget-controller-path="/NewsFlash/Widget"> 1545
1545<script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script>
1545 1546
1546<script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script>
1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 <section class="widget widgetNewsFlash skin107 widgetOptionSet49 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash61c3e529-4fe2-4ac5-8ebc-2ce8799ae229" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> 1563 <div class="widgetBody cpGrid cpGrid1 "> 1564 1565 1566 1567 1568<div class="cpCarousel cpCarousel61c3e529-4fe2-4ac5-8ebc-2ce8799ae229"> 1569 <div class="cpWindow cpWindow61c3e529-4fe2-4ac5-8ebc-2ce8799ae229"> 1570 <ol class="semanticList cpSlider"> 1571 <li class="widgetItem" data-index="0"> 1572 <a href="/CivicAlerts.aspx?AID=291" target="_self"><img class="media" src="/ImageRepository/Document?documentID=5708" alt="Halloween Trick or Treat on Oct 31 ad" data-delayed-image="" /></a> 1573 <div class="text"> 1574 <h2 id="newsFlashItemHeader291" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=291" target="_self">Halloween Fun for Families </a> 1575</h2> <div class="widgetDesc"> 1576Trick-or-Treat in Berea will be 6-8 p.m. on Saturday, Oct. 31. 1577 1578In the meantime, there are lots of other Halloween activities in the City to get kids ready for the Big Day. Read on to find a list of upcoming fall events! <a id="newsFlashReadOn291" href="/CivicAlerts.aspx?AID=291" target="_self" class="readOn" aria-label="Read on...: Halloween Fun for Families">Read on...</a> 1579 </div> 1580 1581 </div> 1582 </li> 1583 <li class="widgetItem" data-index="1"> 1584 <a href="/CivicAlerts.aspx?AID=290" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=5707" alt="Leaf collection ad 2026" data-delayed-image="" /></a> 1585 <div class="text"> 1586 <h2 id="newsFlashItemHeader290" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=290" target="_blank">RESIDENTIAL LEAF COLLECTION SCHEDULE â 2026 </a> 1587</h2> <div class="widgetDesc"> 1588Curbside leaf collection will begin the week of Oct. 26 and conclude the week of Nov 30.? <a id="newsFlashReadOn290" href="/CivicAlerts.aspx?AID=290" target="_blank" class="readOn" aria-label="Read on...: RESIDENTIAL LEAF COLLECTION SCHEDULE â 2026">Read on...</a> 1589 </div> 1590 1591 </div> 1592 </li> 1593 1594 </ol> 1595 </div> 1596</div>
1597<script type="text/javascript"> 1598 // <!-- 1599 window.$ = window.$ || window.parent.$; 1600 1601 $(window).on('load', function () { 1602 //Wait for the DOM to load completely before executing carousel logic since its all based on carousel width which wont come out correct until the DOM has loaded. Vishal 1603 if(!window.carouselsToInit){ 1604 window.carouselsToInit = new Array(); 1605 } 1606 var widgetNewsFlash61c3e5294fe24ac58ebc2ce8799ae229 = function() 1607 { 1608 var widgetWindow = $('#widgetNewsFlash61c3e529-4fe2-4ac5-8ebc-2ce8799ae229').find('.cpWindow')[0]; 1609 if(widgetWindow){ 1610 if(widgetWindow.clientWidth != 0){ 1611 window.setTimeout(function(){ 1612 $('#widgetNewsFlash61c3e529-4fe2-4ac5-8ebc-2ce8799ae229').adaptiveCarousel({ 1613 minSlideWidth: 200, 1614 maxSlideWidth: 350, 1615 gutterWidth: 40, 1616 circular: true, 1617 teaser: false, 1618 transitionTiming: 500, 1619 noImageRequired: false 1620 }); 1621 }, 250); 1622 var index = window.carouselsToInit.indexOf(widgetNewsFlash61c3e5294fe24ac58ebc2ce8799ae229); 1623 if (index > -1) { 1624 window.carouselsToInit.splice(index, 1); 1625 } 1626 } 1627 } 1628 } 1629 var indexCarouselsToInit = window.carouselsToInit.indexOf(widgetNewsFlash61c3e5294fe24ac58ebc2ce8799ae229); 1630 if (indexCarouselsToInit === -1) { 1631 window.carouselsToInit.push(widgetNewsFlash61c3e5294fe24ac58ebc2ce8799ae229); 1632 } 1633 1634 if (window.carouselsToInit) { 1635 window.carouselsToInit.forEach(function (carouselToInit) { carouselToInit(); }); 1636 } 1637 1638 if (window.Pages.onResizeHandlers){ 1639 window.Pages.onResizeHandlers.forEach(function(car){car();}); 1640 } 1641 }); 1642 1643 if (Modernizr.touch) { 1644 var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; 1645 $.when($pages.rwdReady).done(function () { 1646 //only for responsive sites 1647 if (typeof($$) !== 'undefined') { 1648 $$('#widgetNewsFlash61c3e529-4fe2-4ac5-8ebc-2ce8799ae229').on('swipeRight', function (e, a) { 1649 $(this).adaptiveCarousel("moveBack"); 1650 }); 1651 $$('#widgetNewsFlash61c3e529-4fe2-4ac5-8ebc-2ce8799ae229').on('swipeLeft', function (e) { 1652 $(this).adaptiveCarousel("moveForward"); 1653 }); 1654 } 1655 }); 1656 } 1657 // --> 1658</script>
1658 1659 1660 <a id="newsFlashViewAll61c3e529-4fe2-4ac5-8ebc-2ce8799ae229" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=1">View All News</a> 1661 </div> 1662 <div class="widgetFooter"> 1663 </div> 1664 <div class="addItemModal hidden"> 1665 <div class="url hidden">/CivicAlerts.aspx</div> 1666 </div> 1667 1668 </section> 1669 1670 1671 1672 1673 1674 1675 1676 1677</div> 1678 </div> <!-- inner column --> 1679 1680 </div> <!-- inner row --> 1681 1682 </div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="6bcd2257-d0d4-4854-a2e7-b32192847a52">� 1683 <div class="row nest first last wide">� 1684 1685 <div class="inner col col2 first last idcdb41a1c-26bf-455b-b758-3e0badb0f6da" style="" data-widgetcontainerid="cdb41a1c-26bf-455b-b758-3e0badb0f6da">� 1686 1687<div class="widget widgetSpacer" id="f27663bb-0e8d-4814-8b57-87e2aa71b226"></div> 1688 </div> <!-- inner column --> 1689 1690 </div> <!-- inner row --> 1691 1692 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="69d3544f-d528-4dbd-974f-b6b7a5746b28">� 1693 <div class="row nest first last wide">� 1694 1695 <div class="inner col col8 first last ida08f4324-59bd-4102-b00f-ca736d270255" style="" data-widgetcontainerid="a08f4324-59bd-4102-b00f-ca736d270255">� 1696 <div data-widget-id="2932f2bc-b99e-496a-af9b-8b88b0aca69c" data-widget-controller-path="/InfoAdvanced/Widget"> 1697 1698 1699 1700 1701 1702 <section id="divInfoAdv2932f2bc-b99e-496a-af9b-8b88b0aca69c" class="widget widgetInfoAdvanced skin108 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1703 <header class="widgetHeader" id="header2932f2bc-b99e-496a-af9b-8b88b0aca69c"> 1704 <div class=""> 1705 </div> 1706 </header> 1707 <div class="widgetBody cpGrid cpGrid1 "> 1708 <div class="row wide"> 1709 <div class="col col1 first last"> 1710 <ol class="pageStyles semanticList"> 1711 1712<li class="InfoAdvanced widgetItem fr-view"> 1713 <p><img src="/ImageRepository/Document?documentId=4954" class="fr-dib" alt="Mayor"></p> 1714</li> 1715<li class="InfoAdvanced widgetItem fr-view"> 1716 <h1 class="headline" style="text-align: center;">From Mayor Cyril Kleem</h1> 1717</li> 1718<li class="InfoAdvanced widgetItem fr-view"> 1719 <p data-pasted="true">The Live at the Lake concerts may over but that doesn’t mean summer is quite done yet.</p> 1720</li> 1721<li class="InfoAdvanced widgetItem fr-view"> 1722 <p style="text-align: center;"><a href="/297/Mayors-Office">Read on...</a><a href="/"></a></p> 1723</li> </ol> 1724 </div> 1725 </div> 1726 </div> 1727 <div class="widgetFooter"> 1728 1729 </div> 1730 1731 </section> 1732 1733 1734
1735<script type="text/javascript"> 1736 //Render slideshow if info advacned items contain one. 1737 $(document).ready(function (e) { 1738 $('#divInfoAdv2932f2bc-b99e-496a-af9b-8b88b0aca69c .InfoAdvanced.widgetItem').each(function () { 1739 renderSlideshowIfApplicable($(this)); 1740 }); 1741 }); 1742</script>
1742</div> 1743 </div> <!-- inner column --> 1744 1745 </div> <!-- inner row --> 1746 1747 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1748 1749 1750 </div> 1751</div></div> 1752</div><!-- Carousel --><div data-cpRole="structuralContainer" id="homeContainer2"><div class="inner"> 1753<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent2a"> <div id="cc722053c3-7a08-47ef-93d7-32c72b746732" data-containerid="722053c3-7a08-47ef-93d7-32c72b746732" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="60"> 1754 1755 1756 <div class="row outer wide"><!-- 1757--><div class="outer col col24 first last" style="" data-widgetcontainerid="908831b4-b1fb-4296-b56b-4ffaefc9bdf9">� 1758 <div class="row nest first last wide">� 1759 1760 <div class="inner col col24 first last idb8adc8f4-6cca-4e10-ba8e-68c4cedbf6c5" style="" data-widgetcontainerid="b8adc8f4-6cca-4e10-ba8e-68c4cedbf6c5">� 1761 1762 <div id="divTabbedfbca2f15-292b-4e51-8ed1-a1f5fbfb7895" class="widget widgetTabbed wide skin105 leftTabs" data-widgetid="fbca2f15-292b-4e51-8ed1-a1f5fbfb7895"> 1763 <ol class="tabbedWidget cpTabs left " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style="width: 450px; "> 1764 <!-- 1765 --><li class="active" role="presentation"> <a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" class="tabButton" id="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Special Events" contenteditable="false">Special Events</span></a> 1766</li><!-- 1767 --><li class="" role="presentation"> <a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" class="tabButton" id="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Community Outreach" contenteditable="false">Community Outreach</span></a> 1768</li><!-- 1769 --><li class="" role="presentation"> <a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" class="tabButton" id="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="2" data-tabname="Public Services" contenteditable="false">Public Services</span></a> 1770</li><!-- 1771 --><li class="" role="presentation"> <a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" class="tabButton" id="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="3" data-tabname="Berea City Council" contenteditable="false">Berea City Council</span></a> 1772</li><!-- 1773 --> 1774 </ol> 1775 1776 <div class="cpTabPanels"> 1777 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 1778 <li class="active" role="presentation"> <a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" class="tabButton" id="tabBtnNarrowfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Special Events" contenteditable="false">Special Events</span></a> 1779</li> 1780 </ol> 1781 <div class="tabbedWidget cpTabPanel showing" style="" id="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" role="tabpanel" aria-labelledby="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" tabindex="-1"> 1782 1783 <div data-widget-id="c5fb594c-fbde-45aa-9cd3-666944027674" data-widget-controller-path="/QuickLinks/Widget"> 1784 1785 1786 1787 1788 1789 1790 1791 1792 <section id="widgetQuicklinkc5fb594c-fbde-45aa-9cd3-666944027674" class="widget widgetQuickLinks skin98 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 1793 <header class="widgetHeader" id="quickLinksHeaderc5fb594c-fbde-45aa-9cd3-666944027674">
1794 <div class=""> 1795 </div> 1796 </header> 1797 <div class="widgetBody cpGrid cpGrid2 "> 1798 <div class="row narrow"> 1799 <div class="col col1 first "> 1800 <ol class="semanticList"> 1801 1802 <li style="position:relative" class="widgetItem QuickLinks"> 1803 <a class="widgetDesc widgetQuickLinksLink" href="/221/Grindstone-Festival" target="_self" >Grindstone Festival</a> 1804 <div class="widgetMeta"></div> 1805 </li> 1806 1807 <li style="position:relative" class="widgetItem QuickLinks"> 1808 <a class="widgetDesc widgetQuickLinksLink" href="/226/Live-at-the-Lake" target="_self" >Live at the Lake Summer Concert Series</a> 1809 <div class="widgetMeta"></div> 1810 </li> 1811 1812 <li style="position:relative" class="widgetItem QuickLinks"> 1813 <a class="widgetDesc widgetQuickLinksLink" href="/224/Coe-Lake-Movies" target="_self" >Moonlight Movies</a> 1814 <div class="widgetMeta"></div> 1815 </li> 1816 </ol> 1817 </div> 1818 <div class="col col1 last"> 1819 <ol class="semanticList"> 1820 1821 <li style="position:relative" class="widgetItem QuickLinks"> 1822 <a class="widgetDesc widgetQuickLinksLink" href="/222/Harvest-Festival" target="_self" >Harvest Festival</a> 1823 <div class="widgetMeta"></div> 1824 </li> 1825 1826 <li style="position:relative" class="widgetItem QuickLinks"> 1827 <a class="widgetDesc widgetQuickLinksLink" href="/220/Jack-Frost-Festival" target="_self" >Jack Frost Festival</a> 1828 <div class="widgetMeta"></div> 1829 </li> 1830 </ol> 1831 </div> 1832 </div> 1833 1834 </div> 1835 <div class="widgetFooter"> 1836 </div> 1837 <div class="addItemModal hidden"> 1838 <div class="url hidden">/QuickLinks.aspx</div> 1839 </div> 1840 1841 </section> 1842</div> 1843 1844 </div> 1845 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 1846 <li class="" role="presentation"> <a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" class="tabButton" id="tabBtnNarrowfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Community Outreach" contenteditable="false">Community Outreach</span></a> 1847</li> 1848 </ol> 1849 <div class="tabbedWidget cpTabPanel " style="display: none;" id="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" role="tabpanel" aria-labelledby="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" tabindex="-1"> 1850 1851 <div data-widget-id="05eaa32b-598a-40f5-87df-d6b15c25da6f" data-widget-controller-path="/QuickLinks/Widget"> 1852 1853 1854 1855 1856 1857 1858 1859 1860 <section id="widgetQuicklink05eaa32b-598a-40f5-87df-d6b15c25da6f" class="widget widgetQuickLinks skin105 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 1861 <header class="widgetHeader" id="quickLinksHeader05eaa32b-598a-40f5-87df-d6b15c25da6f"> 1862 <div class=""> 1863 </div> 1864 </header> 1865 <div class="widgetBody cpGrid cpGrid2 "> 1866 <div class="row narrow"> 1867 <div class="col col1 first "> 1868 <ol class="semanticList"> 1869 1870 <li style="position:relative" class="widgetItem QuickLinks"> 1871 <a class="widgetDesc widgetQuickLinksLink" href="/272/Berea-Cares" target="_self" >Berea Cares</a> 1872 <div class="widgetMeta"></div> 1873 </li> 1874 1875 <li style="position:relative" class="widgetItem QuickLinks"> 1876 <a class="widgetDesc widgetQuickLinksLink" href="/274/Berea-Community-Outreach" target="_self" >Berea Community Outreach</a> 1877 <div class="widgetMeta"></div> 1878 </li> 1879 1880 <li style="position:relative" class="widgetItem QuickLinks"> 1881 <a class="widgetDesc widgetQuickLinksLink" href="/276/Dinner-to-Your-Door" target="_self" >Dinner to your Door</a> 1882 <div class="widgetMeta"></div> 1883 </li> 1884 </ol> 1885 </div> 1886 <div class="col col1 last"> 1887 <ol class="semanticList"> 1888 1889 <li style="position:relative" class="widgetItem QuickLinks"> 1890 <a class="widgetDesc widgetQuickLinksLink" href="/289/Senior-Wheels" target="_self" >Senior Wheels</a> 1891 <div class="widgetMeta"></div> 1892 </li> 1893 1894 <li style="position:relative" class="widgetItem QuickLinks"> 1895 <a class="widgetDesc widgetQuickLinksLink" href="/467/Veterans-Outreach" target="_self" >Veterans Outreach</a> 1896 <div class="widgetMeta"></div> 1897 </li> 1898 </ol> 1899 </div> 1900 </div> 1901 1902 </div> 1903 <div class="widgetFooter"> 1904 </div> 1905 <div class="addItemModal hidden"> 1906 <div class="url hidden">/QuickLinks.aspx</div> 1907 </div> 1908 1909 </section> 1910</div> 1911
1912 </div> 1913 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 1914 <li class="" role="presentation"> <a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" class="tabButton" id="tabBtnNarrowfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="2" data-tabname="Public Services" contenteditable="false">Public Services</span></a> 1915</li> 1916 </ol> 1917 <div class="tabbedWidget cpTabPanel " style="display: none;" id="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" role="tabpanel" aria-labelledby="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" tabindex="-1"> 1918 1919 <div data-widget-id="17db4750-b28c-4e9a-90a4-97c6caaf5b93" data-widget-controller-path="/QuickLinks/Widget"> 1920 1921 1922 1923 1924 1925 1926 1927 1928 <section id="widgetQuicklink17db4750-b28c-4e9a-90a4-97c6caaf5b93" class="widget widgetQuickLinks skin98 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 1929 <header class="widgetHeader" id="quickLinksHeader17db4750-b28c-4e9a-90a4-97c6caaf5b93"> 1930 <div class=""> 1931 </div> 1932 </header> 1933 <div class="widgetBody cpGrid cpGrid2 "> 1934 <div class="row narrow"> 1935 <div class="col col1 first "> 1936 <ol class="semanticList"> 1937 1938 <li style="position:relative" class="widgetItem QuickLinks"> 1939 <a class="widgetDesc widgetQuickLinksLink" href="/315/Water" target="_self" >City Water</a> 1940 <div class="widgetMeta"></div> 1941 </li> 1942 1943 <li style="position:relative" class="widgetItem QuickLinks"> 1944 <a class="widgetDesc widgetQuickLinksLink" href="/452/Events-and-Solicitors" target="_self" >Special Event Permits</a> 1945 <div class="widgetMeta"></div> 1946 </li> 1947 </ol> 1948 </div> 1949 <div class="col col1 last"> 1950 <ol class="semanticList"> 1951 1952 <li style="position:relative" class="widgetItem QuickLinks"> 1953 <a class="widgetDesc widgetQuickLinksLink" href="/300/Collection-Guidelines-and-Times" target="_self" >Residential Trash Collection</a> 1954 <div class="widgetMeta"></div> 1955 </li> 1956 1957 <li style="position:relative" class="widgetItem QuickLinks"> 1958 <a class="widgetDesc widgetQuickLinksLink" href="/299/Yard-Waste" target="_self" >Yard Waste</a> 1959 <div class="widgetMeta"></div> 1960 </li> 1961 </ol> 1962 </div> 1963 </div> 1964 1965 </div> 1966 <div class="widgetFooter"> 1967 </div> 1968 <div class="addItemModal hidden"> 1969 <div class="url hidden">/QuickLinks.aspx</div> 1970 </div> 1971 1972 </section> 1973</div> 1974 1975 </div> 1976 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 1977 <li class="" role="presentation"> <a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" class="tabButton" id="tabBtnNarrowfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="3" data-tabname="Berea City Council" contenteditable="false">Berea City Council</span></a> 1978</li> 1979 </ol> 1980 <div class="tabbedWidget cpTabPanel " style="display: none;" id="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" role="tabpanel" aria-labelledby="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" tabindex="-1"> 1981 1982 <div data-widget-id="a9ae4807-6723-4eca-a74a-fd0eef14896a" data-widget-controller-path="/QuickLinks/Widget"> 1983 1984 1985 1986 1987 1988 1989 1990 1991 <section id="widgetQuicklinka9ae4807-6723-4eca-a74a-fd0eef14896a" class="widget widgetQuickLinks skin105 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 1992 <header class="widgetHeader" id="quickLinksHeadera9ae4807-6723-4eca-a74a-fd0eef14896a"> 1993 <div class=""> 1994 </div> 1995 </header> 1996 <div class="widgetBody cpGrid cpGrid2 "> 1997 <div class="row narrow"> 1998 <div class="col col1 first "> 1999 <ol class="semanticList"> 2000 2001 <li style="position:relative" class="widgetItem QuickLinks"> 2002 <a class="widgetDesc widgetQuickLinksLink" href="/311/City-Council" target="_self" >City Council Members</a> 2003 <div class="widgetMeta"></div> 2004 </li> 2005 2006 <li style="position:relative" class="widgetItem QuickLinks"> 2007 <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofberea.org/AgendaCenter/City-Council-2" target="_self" >Agendas & Minutes</a> 2008 <div class="widgetMeta"></div> 2009 </li> 2010 </ol> 2011 </div> 2012 <div class="col col1 last"> 2013 <ol class="semanticList"> 2014 2015 <li style="position:relative" class="widgetItem QuickLinks"> 2016 <a class="widgetDesc widgetQuickLinksLink" href="/343/Approved-Legislation" target="_self" >Approved Legislation</a> 2017 <div class="widgetMeta"></div> 2018 </li> 2019 2020 <li style="position:relative" class="widgetItem QuickLinks"> 2021 <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofberea.org/calendar.aspx?CID=22" target="_self" >Meeting Calendar</a> 2022 <div class="widgetMeta"></div> 2023 </li> 2024 </ol> 2025 </div> 2026 </div> 2027 2028 </div> 2029 <div class="widgetFooter"> 2030 </div> 2031 <div class="addItemModal hidden"> 2032 <div class="url hidden">/QuickLinks.aspx</div> 2033 </div> 2034 2035 </section> 2036</div> 2037
2038 </div> 2039 </div> 2040 </div> 2041
2041<script type="text/javascript"> 2042 2043 $.when(window.Pages.rwdReady).done(function () { 2044 var tabbedWidgetID = 'divTabbedfbca2f15-292b-4e51-8ed1-a1f5fbfb7895'; 2045 var mediaQuerySize = 60; 2046 if (mediaQuerySize > 0) { 2047 var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 2048 var $tabbedWidget = $('#' + tabbedWidgetID); 2049 2050 // Update child widget classes based on parent state 2051 var updateChildWidgetClasses = function (isParentWide) { 2052 var liveEditEnabled = getCookieValue("enableLiveEdit") === "true"; 2053 if (liveEditEnabled) 2054 return; 2055 2056 var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]'); 2057 2058 if (isParentWide) { 2059 $childWidgets.addClass('wide').removeClass('narrow'); 2060 $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow'); 2061 } else { 2062 $childWidgets.addClass('narrow').removeClass('wide'); 2063 $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide'); 2064 } 2065 }; 2066 2067 window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { 2068 deferSetup: false, 2069 setup: function () { 2070 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2071 if (!liveEditEnabled) { 2072 $tabbedWidget.addClass('narrow').removeClass('wide'); 2073 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2074 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2075 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2076 $tabbedWidget.data("tabHeightSet", false); 2077 2078 // Update child widget classes - parent is narrow 2079 updateChildWidgetClasses(false); 2080 } 2081 }, 2082 match: function () { 2083 $tabbedWidget.addClass('wide').removeClass('narrow'); 2084 cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); 2085 $tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false'); 2086 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true'); 2087 2088 if($tabbedWidget.data("tabHeightSet") == false) 2089 { 2090 $tabbedWidget.data("tabHeightSet", true); 2091 2092 var tabbedWidgetID = 'divTabbedfbca2f15-292b-4e51-8ed1-a1f5fbfb7895'; 2093 setTabbedWidgetsTabHeight(tabbedWidgetID); 2094 } 2095 $('.cpTabPanels').unbind('click'); 2096 2097 // Update child widget classes - parent is wide 2098 updateChildWidgetClasses(true); 2099 }, 2100 unmatch: function () { 2101 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2102 if (!liveEditEnabled) { 2103 $tabbedWidget.addClass('narrow').removeClass('wide'); 2104 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2105 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2106 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2107 2108 // Update child widget classes - parent is narrow 2109 updateChildWidgetClasses(false); 2110 } 2111 $('.cpTabPanels').click(function() { 2112 this.scrollIntoView(); 2113 }); 2114 } 2115 }); 2116 } 2117 }); 2118 2119 //Used for when page is initially loaded 2120 if($('#divTabbedfbca2f15-292b-4e51-8ed1-a1f5fbfb7895').hasClass('narrow')) 2121 { 2122 $('.cpTabPanels').click(function() { 2123 this.scrollIntoView(); 2124 }); 2125 } 2126 2127 2128 //If responsive not enabled, execute this after a timeout 2129 if(!isResponsiveEnabled) 2130 { 2131 window.setTimeout(function(){ 2132 var tabbedWidgetID = 'divTabbedfbca2f15-292b-4e51-8ed1-a1f5fbfb7895'; 2133 typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); 2134 }, 1500); 2135 } 2136 2137 function reinitCarousels() { 2138 if (window.carouselsToInit) { 2139 for (var i = 0; i < window.carouselsToInit.length; i++) { 2140 carouselsToInit[i](); 2141 } 2142 } 2143 } 2144 function sizeTabbedContent(element){ 2145 if(window.Pages){ 2146 if(window.Pages.onResizeHandlers){ 2147 var setTabbedInterval = setInterval(function () {
2148 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2149 }, 25) 2150 2151 2152 setTimeout(function () { 2153 clearInterval(setTabbedInterval); 2154 if ($.cookie("enableLiveEdit") === "true") { 2155 setInterval(function () { 2156 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2157 }, 2000); 2158 } 2159 }, 2500); 2160 element.onclick="window.setTimeout(function(){reinitCarousels();},2);" 2161 } 2162 } 2163 } 2164 2165 function adjustTab(e) { 2166 e.preventDefault(); 2167 window.setTimeout(function(){ 2168 reinitCarousels(); 2169 }, 2); 2170 sizeTabbedContent(this); 2171 } 2172 2173 var tabButtons = document.querySelectorAll("#divTabbedfbca2f15-292b-4e51-8ed1-a1f5fbfb7895 .tabButton"); 2174 2175 tabButtons.forEach(function (tabButton) { 2176 tabButton.addEventListener("click", adjustTab); 2177 }); 2178 2179 </script>
2179 2180 2181 2182 2183 </div> <!-- inner column --> 2184 2185 </div> <!-- inner row --> 2186 2187 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2188 2189 2190 </div> 2191</div></div></div> 2192</div><div data-cpRole="structuralContainer" id="backgroundOverlayTS"><div class="inner"> 2193<!-- Calendar/Slideshow --><div data-cpRole="structuralContainer" id="homeContainer3"> 2194<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent3a"> <div id="cc242268fe-1cab-484a-b2f6-30b76d9bf678" data-containerid="242268fe-1cab-484a-b2f6-30b76d9bf678" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="60"> 2195 2196 2197 <div class="row outer wide"><!-- 2198--><div class="outer col col24 first last" style="" data-widgetcontainerid="ea9de789-166f-4e1a-9c99-7e6827566c41">� 2199 <div class="row nest first last wide">� 2200 2201 <div class="inner col col24 first last id0d13b081-f075-4ac9-81fe-88aa54f84ac4" style="" data-widgetcontainerid="0d13b081-f075-4ac9-81fe-88aa54f84ac4">� 2202 <div data-widget-id="c25592c8-f383-466a-b992-c65ba94f583e" data-widget-controller-path="/InfoAdvanced/Widget"> 2203 2204 2205 2206 2207 2208 <section id="divInfoAdvc25592c8-f383-466a-b992-c65ba94f583e" class="widget widgetInfoAdvanced skin111 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2209 <header class="widgetHeader" id="headerc25592c8-f383-466a-b992-c65ba94f583e"> 2210 <div class=""> 2211 </div> 2212 </header> 2213 <div class="widgetBody cpGrid cpGrid1 "> 2214 <div class="row wide"> 2215 <div class="col col1 first last"> 2216 <ol class="pageStyles semanticList"> 2217 2218<li class="InfoAdvanced widgetItem fr-view"> 2219 <h1 class="headline" style="text-align: center;">Calendar</h1><p style="text-align: center;">What’s Happening</p> 2220</li> </ol> 2221 </div> 2222 </div> 2223 </div> 2224 <div class="widgetFooter"> 2225 2226 </div> 2227 2228 </section> 2229 2230 2231
2232<script type="text/javascript"> 2233 //Render slideshow if info advacned items contain one. 2234 $(document).ready(function (e) { 2235 $('#divInfoAdvc25592c8-f383-466a-b992-c65ba94f583e .InfoAdvanced.widgetItem').each(function () { 2236 renderSlideshowIfApplicable($(this)); 2237 }); 2238 }); 2239</script>
2239</div> 2240 </div> <!-- inner column --> 2241 2242 </div> <!-- inner row --> 2243 2244 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2245 <div class="row outer wide"><!-- 2246--><div class="outer col col13 first" style="" data-widgetcontainerid="29c6d133-e06c-4251-8cc5-ebd45fb683fc">� 2247 <div class="row nest first last wide">� 2248 2249 <div class="inner col col13 first last idde0f535e-f8db-402f-934c-73c09ca950b4" style="" data-widgetcontainerid="de0f535e-f8db-402f-934c-73c09ca950b4">� 2250 2251 <div id="divTabbed32237935-f487-4b19-8f83-920eed3e603d" class="widget widgetTabbed wide skin110" data-widgetid="32237935-f487-4b19-8f83-920eed3e603d"> 2252 <ol class="tabbedWidget cpTabs " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" "> 2253 <!-- 2254 --><li style="width: 48%;" class="active" role="presentation"> <a href="#tab32237935-f487-4b19-8f83-920eed3e603d_0" class="tabButton" id="tabBtn32237935-f487-4b19-8f83-920eed3e603d_0" role="tab" aria-controls="tab32237935-f487-4b19-8f83-920eed3e603d_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Meetings" contenteditable="false">Meetings</span></a> 2255</li><!-- 2256 --><li style="width: 48%;" class="" role="presentation"> <a href="#tab32237935-f487-4b19-8f83-920eed3e603d_1" class="tabButton" id="tabBtn32237935-f487-4b19-8f83-920eed3e603d_1" role="tab" aria-controls="tab32237935-f487-4b19-8f83-920eed3e603d_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Events" contenteditable="false">Events</span></a> 2257</li><!-- 2258 --> 2259 </ol> 2260 2261 <div class="cpTabPanels"> 2262 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 2263 <li class="active" role="presentation"> <a href="#tab32237935-f487-4b19-8f83-920eed3e603d_0" class="tabButton" id="tabBtnNarrow32237935-f487-4b19-8f83-920eed3e603d_0" role="tab" aria-controls="tab32237935-f487-4b19-8f83-920eed3e603d_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Meetings" contenteditable="false">Meetings</span></a> 2264</li> 2265 </ol> 2266 <div class="tabbedWidget cpTabPanel showing" style="" id="tab32237935-f487-4b19-8f83-920eed3e603d_0" role="tabpanel" aria-labelledby="tabBtn32237935-f487-4b19-8f83-920eed3e603d_0" tabindex="-1"> 2267
2268<div data-widget-id="700c2c40-a7d1-4db3-8208-d363d31f35a6" data-widget-controller-path="/Calendar/Widget"> 2269
2269<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 2279
2279<script type="text/javascript"> 2280 function openCalendarPublicSubmissionModal(calendarID, eventID, isCopy, order, updatePanelID, isSubmit) { 2281 var title = null; 2282 var className = null; 2283 2284 if (isSubmit) { 2285 title = ' Event Submission'; 2286 className = 'submitEvent'; 2287 } else 2288 className = 'liveEdit calendar'; 2289 2290 var url = '/common/modules/Calendar/calendarLiveEdit.aspx?calendarID=' + calendarID + '&eventID=' + eventID + '&order=' + order + '&updatePanelID=' + updatePanelID; 2291 2292 if (isSubmit) 2293 url = url + '&submit=1'; 2294 if (isCopy) 2295 url = url + '&strPage=itemCopy'; 2296 else 2297 url = url + '&strPage=itemForm'; 2298 2299 openCpModal({ 2300 title: title, 2301 className: className, 2302 isFrontEnd: true, 2303 useIframe: true, 2304 draggable: true, 2305 url: url 2306 }); 2307 } 2308 2309 $(document).ready(function (e) { 2310 if (typeof $ !== 'undefined') { 2311 $(document).ready(function (e) { 2312 //Bind the submit event click handler. 2313 $('.widgetPublicSubmit').unbind('click').click(function (e) { 2314 openCalendarPublicSubmissionModal(0, 0, false, 0, '', true); 2315 return false; 2316 }); 2317 }); 2318 } 2319 }); 2320 </script>
2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341<div id="widgetCalendar700c2c40-a7d1-4db3-8208-d363d31f35a6" class="widget widgetCalendar skin110 widgetOptionSet50 strip narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:999em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> 2342 <div class="widgetBody cpGrid cpGrid4 "> 2343 <div class="row auto narrow"> 2344 <div class="col col1 first "> 2345 <ol class="semanticList"> 2346 <li class="dateBlock" style=""> 2347 <abbr class="dateAbbr" title="October">Oct</abbr> 23485 </li> 2349 2350 <li class="widgetItem " data-event-i-d="19901"> 2351 <div style="" class="widgetDesc"> 2352 2353 2354 <h4><a href="/Calendar.aspx?EID=19901"><span>Regular Council Meeting</span></a></h4> 2355 </div> 2356 </li> 2357 2358 </ol> 2359 </div> 2360 <div class="col col1 "> 2361 <ol class="semanticList"> 2362 <li class="dateBlock" style=""> 2363 <abbr class="dateAbbr" title="October">Oct</abbr> 23648 </li> 2365 2366 <li class="widgetItem " data-event-i-d="21473"> 2367 <div style="" class="widgetDesc"> 2368 2369 2370 <h4><a href="/Calendar.aspx?EID=21473"><span>Community Memorial Service</span></a></h4> 2371 </div> 2372 </li> 2373 2374 </ol> 2375 </div> 2376 <div class="col col1 "> 2377 <ol class="semanticList"> 2378 <li class="dateBlock" style=""> 2379 <abbr class="dateAbbr" title="October">Oct</abbr> 238011 </li> 2381 2382 <li class="widgetItem " data-event-i-d="21339"> 2383 <div style="" class="widgetDesc"> 2384 2385 2386 <h4><a href="/Calendar.aspx?EID=21339"><span>Harvest Festival</span></a></h4> 2387 </div> 2388 </li> 2389 <li class="widgetItem " data-event-i-d="21340"> 2390 <div style="" class="widgetDesc"> 2391 2392 2393 <h4><a href="/Calendar.aspx?EID=21340"><span>Haunted Trails</span></a></h4> 2394 </div> 2395 </li> 2396 2397 </ol> 2398 </div> 2399 <div class="col col1 last"> 2400 <ol class="semanticList"> 2401 <li class="dateBlock" style=""> 2402 <abbr class="dateAbbr" title="October">Oct</abbr> 240315 </li> 2404 2405 <li class="widgetItem " data-event-i-d="19947"> 2406 <div style="" class="widgetDesc"> 2407 2408 2409 <h4><a href="/Calendar.aspx?EID=19947"><span>Planning Commission Meeting</span></a></h4> 2410 </div> 2411 </li> 2412 2413 </ol> 2414 </div> 2415 2416 </div>
2417 <a id="calendarViewAll700c2c40-a7d1-4db3-8208-d363d31f35a6" class="widgetViewAll" style="" href="/calendar.aspx?CID=14">View Full Calendar</a> 2418 </div> 2419 <div class="widgetFooter"> 2420 2421 </div> 2422 <div class="addItemModal hidden"> 2423 <div class="url hidden">/Calendar.aspx</div> 2424 </div> 2425</div> 2426</div> 2427 2428 </div> 2429 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 2430 <li class="" role="presentation"> <a href="#tab32237935-f487-4b19-8f83-920eed3e603d_1" class="tabButton" id="tabBtnNarrow32237935-f487-4b19-8f83-920eed3e603d_1" role="tab" aria-controls="tab32237935-f487-4b19-8f83-920eed3e603d_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Events" contenteditable="false">Events</span></a> 2431</li> 2432 </ol> 2433 <div class="tabbedWidget cpTabPanel " style="display: none;" id="tab32237935-f487-4b19-8f83-920eed3e603d_1" role="tabpanel" aria-labelledby="tabBtn32237935-f487-4b19-8f83-920eed3e603d_1" tabindex="-1"> 2434 2435<div data-widget-id="3c0c97a2-8b49-44b2-99f0-942c99dd0571" data-widget-controller-path="/Calendar/Widget"> 2436
2436<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
2436 2437 2438 2439 2440 2441 2442 2443 2444 2445 2446
2446<script type="text/javascript"> 2447 function openCalendarPublicSubmissionModal(calendarID, eventID, isCopy, order, updatePanelID, isSubmit) { 2448 var title = null; 2449 var className = null; 2450 2451 if (isSubmit) { 2452 title = ' Event Submission'; 2453 className = 'submitEvent'; 2454 } else 2455 className = 'liveEdit calendar'; 2456 2457 var url = '/common/modules/Calendar/calendarLiveEdit.aspx?calendarID=' + calendarID + '&eventID=' + eventID + '&order=' + order + '&updatePanelID=' + updatePanelID; 2458 2459 if (isSubmit) 2460 url = url + '&submit=1'; 2461 if (isCopy) 2462 url = url + '&strPage=itemCopy'; 2463 else 2464 url = url + '&strPage=itemForm'; 2465 2466 openCpModal({ 2467 title: title, 2468 className: className, 2469 isFrontEnd: true, 2470 useIframe: true, 2471 draggable: true, 2472 url: url 2473 }); 2474 } 2475 2476 $(document).ready(function (e) { 2477 if (typeof $ !== 'undefined') { 2478 $(document).ready(function (e) { 2479 //Bind the submit event click handler. 2480 $('.widgetPublicSubmit').unbind('click').click(function (e) { 2481 openCalendarPublicSubmissionModal(0, 0, false, 0, '', true); 2482 return false; 2483 }); 2484 }); 2485 } 2486 }); 2487 </script>
2487 2488 2489 2490 2491 2492 2493 2494 2495 2496 2497 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 2508<div id="widgetCalendar3c0c97a2-8b49-44b2-99f0-942c99dd0571" class="widget widgetCalendar skin110 widgetOptionSet50 strip narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:999em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> 2509 <div class="widgetBody cpGrid cpGrid2 "> 2510 <div class="row auto narrow"> 2511 <div class="col col1 first "> 2512 <ol class="semanticList"> 2513 <li class="dateBlock" style=""> 2514 <abbr class="dateAbbr" title="October">Oct</abbr> 251511 </li> 2516 2517 <li class="widgetItem " data-event-i-d="21339"> 2518 <div style="" class="widgetDesc"> 2519 2520 2521 <h4><a href="/Calendar.aspx?EID=21339"><span>Harvest Festival</span></a></h4> 2522 </div> 2523 </li> 2524 <li class="widgetItem " data-event-i-d="21340"> 2525 <div style="" class="widgetDesc"> 2526 2527 2528 <h4><a href="/Calendar.aspx?EID=21340"><span>Haunted Trails</span></a></h4> 2529 </div> 2530 </li> 2531 2532 </ol> 2533 </div> 2534 <div class="col col1 last"> 2535 <ol class="semanticList"> 2536 <li class="dateBlock" style=""> 2537 <abbr class="dateAbbr" title="December">Dec</abbr> 25385 </li> 2539 2540 <li class="widgetItem " data-event-i-d="21341"> 2541 <div style="" class="widgetDesc"> 2542 2543 2544 <h4><a href="/Calendar.aspx?EID=21341"><span>Jack Frost Festival of Lights</span></a></h4> 2545 </div> 2546 </li> 2547 2548 </ol> 2549 </div> 2550 2551 </div> 2552 <a id="calendarViewAll3c0c97a2-8b49-44b2-99f0-942c99dd0571" class="widgetViewAll" style="" href="/calendar.aspx?CID=31">View Full Calendar</a> 2553 </div> 2554 <div class="widgetFooter"> 2555 2556 </div> 2557 <div class="addItemModal hidden"> 2558 <div class="url hidden">/Calendar.aspx</div> 2559 </div> 2560</div> 2561</div> 2562 2563 </div> 2564 </div> 2565 </div> 2566
2566<script type="text/javascript"> 2567 2568 $.when(window.Pages.rwdReady).done(function () { 2569 var tabbedWidgetID = 'divTabbed32237935-f487-4b19-8f83-920eed3e603d'; 2570 var mediaQuerySize = 25; 2571 if (mediaQuerySize > 0) { 2572 var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 2573 var $tabbedWidget = $('#' + tabbedWidgetID); 2574 2575 // Update child widget classes based on parent state 2576 var updateChildWidgetClasses = function (isParentWide) { 2577 var liveEditEnabled = getCookieValue("enableLiveEdit") === "true"; 2578 if (liveEditEnabled) 2579 return; 2580 2581 var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]'); 2582 2583 if (isParentWide) { 2584 $childWidgets.addClass('wide').removeClass('narrow'); 2585 $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow'); 2586 } else { 2587 $childWidgets.addClass('narrow').removeClass('wide'); 2588 $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide'); 2589 } 2590 }; 2591 2592 window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { 2593 deferSetup: false, 2594 setup: function () { 2595 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2596 if (!liveEditEnabled) { 2597 $tabbedWidget.addClass('narrow').removeClass('wide'); 2598 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2599 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2600 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2601 $tabbedWidget.data("tabHeightSet", false); 2602 2603 // Update child widget classes - parent is narrow 2604 updateChildWidgetClasses(false); 2605 } 2606 }, 2607 match: function () { 2608 $tabbedWidget.addClass('wide').removeClass('narrow'); 2609 cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); 2610 $tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false'); 2611 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true'); 2612 2613 if($tabbedWidget.data("tabHeightSet") == false) 2614 { 2615 $tabbedWidget.data("tabHeightSet", true); 2616 2617 var tabbedWidgetID = 'divTabbed32237935-f487-4b19-8f83-920eed3e603d'; 2618 setTabbedWidgetsTabHeight(tabbedWidgetID); 2619 } 2620 $('.cpTabPanels').unbind('click'); 2621 2622 // Update child widget classes - parent is wide 2623 updateChildWidgetClasses(true); 2624 }, 2625 unmatch: function () { 2626 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2627 if (!liveEditEnabled) { 2628 $tabbedWidget.addClass('narrow').removeClass('wide'); 2629 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2630 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2631 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2632 2633 // Update child widget classes - parent is narrow 2634 updateChildWidgetClasses(false); 2635 } 2636 $('.cpTabPanels').click(function() { 2637 this.scrollIntoView(); 2638 }); 2639 } 2640 }); 2641 } 2642 }); 2643 2644 //Used for when page is initially loaded 2645 if($('#divTabbed32237935-f487-4b19-8f83-920eed3e603d').hasClass('narrow')) 2646 { 2647 $('.cpTabPanels').click(function() { 2648 this.scrollIntoView(); 2649 }); 2650 } 2651 2652 2653 //If responsive not enabled, execute this after a timeout 2654 if(!isResponsiveEnabled) 2655 { 2656 window.setTimeout(function(){ 2657 var tabbedWidgetID = 'divTabbed32237935-f487-4b19-8f83-920eed3e603d'; 2658 typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); 2659 }, 1500); 2660 } 2661 2662 function reinitCarousels() { 2663 if (window.carouselsToInit) { 2664 for (var i = 0; i < window.carouselsToInit.length; i++) { 2665 carouselsToInit[i](); 2666 } 2667 } 2668 } 2669 function sizeTabbedContent(element){ 2670 if(window.Pages){ 2671 if(window.Pages.onResizeHandlers){ 2672 var setTabbedInterval = setInterval(function () {
2673 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2674 }, 25) 2675 2676 2677 setTimeout(function () { 2678 clearInterval(setTabbedInterval); 2679 if ($.cookie("enableLiveEdit") === "true") { 2680 setInterval(function () { 2681 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2682 }, 2000); 2683 } 2684 }, 2500); 2685 element.onclick="window.setTimeout(function(){reinitCarousels();},2);" 2686 } 2687 } 2688 } 2689 2690 function adjustTab(e) { 2691 e.preventDefault(); 2692 window.setTimeout(function(){ 2693 reinitCarousels(); 2694 }, 2); 2695 sizeTabbedContent(this); 2696 } 2697 2698 var tabButtons = document.querySelectorAll("#divTabbed32237935-f487-4b19-8f83-920eed3e603d .tabButton"); 2699 2700 tabButtons.forEach(function (tabButton) { 2701 tabButton.addEventListener("click", adjustTab); 2702 }); 2703 2704 </script>
2704 2705 2706 2707 2708 </div> <!-- inner column --> 2709 2710 </div> <!-- inner row --> 2711 2712 </div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="1498b884-4070-44ac-bb74-c849c2f6c4fb">� 2713 <div class="row nest first last wide">� 2714 2715 <div class="inner col col2 first last idc237dc41-9702-418a-a553-5c57ff403cca" style="" data-widgetcontainerid="c237dc41-9702-418a-a553-5c57ff403cca">� 2716 2717<div class="widget widgetSpacer" id="0ab6a230-f962-4f9c-b9eb-4867f6d11dfc"></div> 2718 </div> <!-- inner column --> 2719 2720 </div> <!-- inner row --> 2721 2722 </div><!-- outer column --><!----><div class="outer col col9 last" style="" data-widgetcontainerid="a3387166-99ca-41d8-b112-f52b84087533">� 2723 <div class="row nest first last wide">� 2724 2725 <div class="inner col col9 first last idf4350f4d-c51a-4828-b209-cb8cd67c7792" style="" data-widgetcontainerid="f4350f4d-c51a-4828-b209-cb8cd67c7792">� 2726 2727 <div class="widget slideShow skin109" role="region" aria-label="Slideshow" id="slideshow07619458-c7e3-4dd8-8a09-d0e67549525e" aria-haspopup="false" data-widgetID="07619458-c7e3-4dd8-8a09-d0e67549525e"> 2728 <input type="hidden" class="slideTiming" value="5"/> 2729 <input type="hidden" class="transitionTiming" value="1"/> 2730 <input type="hidden" class="hdnSlideshowUniqueID" value="1349" /> 2731 <div id="divSlideshow1349" class="cpSlideshow widgetBody cpSlideshowJS1349 narrow"> 2732 <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" />
2733<script src="/-823076099.js" type="text/javascript"></script>
2733 2734 <div class="cpWindow cpWindowJS1349 "> 2735 <ol class="semanticList cpSlider fade cpSliderJS1349"> 2736 <li class="hidden" id="1349_5982" data-index="0" aria-hidden="true"> 2737 2738 2739 <img src="/ImageRepository/Document?documentID=5654" class="" alt="Community Memorial Service event flyer" title="Community Memorial Service event flyer" data-delayed-image="" style="height: 1px" /> 2740 2741 <div name="captionOverlay_1349" class="overlay bottom itemCaption"> 2742 2743 <div class="overlayInner"> 2744 2745 <h4 class="widgetTitle">Community Memorial Service event flyer</h4> 2746 <p class="widgetDesc widgetItem">Community Memorial Service event flyer</p> 2747 </div> 2748 </div> 2749 </li> 2750 </ol> 2751 2752 2753 </div> 2754 <ol class="semanticList pager dots"> 2755 <li class="active" id="dot1349_5982"> 2756 <a href="#targetImage" aria-label="Mapping dot for slide number 1" role="button" onclick=" return false; " class="dotJS1349" data-targetImageli="1349_5982" data-dotNumber="1"> 2757 1 2758 <span class="visuallyhidden">Community Memorial Service event flyer</span> 2759 </a> 2760 2761 </li> 2762 </ol> 2763 <div aria-live="polite" aria-atomic="true" class="liveRegionJS1349 visuallyhidden"></div> 2764
2764<script type="text/javascript"> 2765 // <!-- 2766 var $1 = typeof $ == 'undefined' ? window.parent.$ : $; 2767 $1(document).ready(function () { 2768 new Slideshow().generate('1349','1','5',false,false,0); 2769 $('#ssPlay-btn-1349').addClass('isHidden'); 2770 }); 2771 var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; 2772 $1.when($pages.rwdReady).done(function () { 2773 var divSlideshowID = 'divSlideshow1349'; 2774 var mediaQuerySize = 25; 2775 if (mediaQuerySize == 0) 2776 mediaQuerySize = 25; //default for not widget slide show 2777 var mediaElementQuery = '#' + divSlideshowID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 2778 var $cpMedia = typeof window.cpMedia == 'undefined' ? window.parent.cpMedia : window.cpMedia; 2779 var $divSlideShow = $('#' + divSlideshowID); 2780 var $arrows = $divSlideShow.find('a.arrow'); 2781 var $arrowsNew = $divSlideShow.find('a.arrowNew'); 2782 var $divExternalSlideshow = $('.bannerSlideshowControlsNew').last(); 2783 var $overlays = $(document.getElementsByName('captionOverlay_1349'));
2784 2785 if(window.isMobileBrowserIncludingTablets){ 2786 $overlays.each(function (overlay) { 2787 $(overlay).removeClass('overlay') 2788 }); 2789 } 2790 2791 $cpMedia.unregister(mediaElementQuery) 2792 .register(mediaElementQuery, 2793 { 2794 deferSetup: false, 2795 setup: function () { 2796 cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); 2797 $divSlideShow.removeClass('wide').addClass('narrow'); 2798 if ($divExternalSlideshow.length > 0) { 2799 $divExternalSlideshow.hide(); 2800 } 2801 if ($arrows.length > 0) { 2802 $arrows.hide(); 2803 if (typeof ($$) !== 'undefined') { 2804 $$('#' + divSlideshowID) 2805 .on('swipeRight', 2806 function (e, a) { 2807 $arrows.filter('.prev').click(); 2808 }); 2809 $$('#' + divSlideshowID) 2810 .on('swipeLeft', 2811 function (e) { 2812 $arrows.filter('.next').click(); 2813 }); 2814 } 2815 } 2816 if ($arrowsNew.length > 0) { 2817 2818 if (!(true && !window.isMobileBrowserIncludingTablets)) { 2819 $arrowsNew.hide(); 2820 } 2821 if (typeof ($$) !== 'undefined') { 2822 $$('#' + divSlideshowID) 2823 .on('swipeRight', 2824 function (e, a) { 2825 $arrowsNew.filter('.prev').click(); 2826 }); 2827 $$('#' + divSlideshowID) 2828 .on('swipeLeft', 2829 function (e) { 2830 $arrowsNew.filter('.next').click(); 2831 }); 2832 } 2833 } 2834 if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { 2835 if (2 == 1) { 2836 $overlays.hide(); 2837 } else if (2 == 2) { 2838 $overlays.removeClass('overlay'); 2839 } 2840 } 2841 }, 2842 match: function () { 2843 cpMedia.diag('$(element).addClass("wide"), mediaQuery: ' + mediaElementQuery); 2844 $divSlideShow.addClass('wide').removeClass('narrow'); 2845 if ($divExternalSlideshow.length > 0 && !$divExternalSlideshow.hasClass('none')) { 2846 $divExternalSlideshow.show(); 2847 } 2848 if ($arrows.length > 0) { 2849 $arrows.show(); 2850 if (typeof ($$) !== 'undefined') { 2851 $$('#' + divSlideshowID).off('swipeRight'); 2852 $$('#' + divSlideshowID).off('swipeLeft'); 2853 } 2854 } 2855 if ($arrowsNew.length > 0) { 2856 $arrowsNew.show(); 2857 if (typeof ($$) !== 'undefined') { 2858 $$('#' + divSlideshowID).off('swipeRight'); 2859 $$('#' + divSlideshowID).off('swipeLeft'); 2860 } 2861 } 2862 if ($overlays.length > 0) { 2863 if (2 == 1) { 2864 $overlays.show(); 2865 } else if (2 == 2 && !window.isMobileBrowserIncludingTablets) { 2866 $overlays.addClass('overlay'); 2867 } 2868 } 2869 }, 2870 unmatch: function () { 2871 cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); 2872 $divSlideShow.removeClass('wide').addClass('narrow'); 2873 if ($divExternalSlideshow.length > 0) { 2874 $divExternalSlideshow.hide(); 2875 } 2876 if ($arrows.length > 0) { 2877 $arrows.hide(); 2878 2879 if (typeof ($$) !== 'undefined') { 2880 $$('#' + divSlideshowID).on('swipeRight', function (e) { 2881 $arrows.filter('.prev').click(); 2882 }); 2883 $$('#' + divSlideshowID).on('swipeLeft', function (e) { 2884 $arrows.filter('.next').click(); 2885 }); 2886 } 2887 } 2888 if ($arrowsNew.length > 0) { 2889 if (typeof ($$) !== 'undefined') { 2890 $$('#' + divSlideshowID).on('swipeRight', function (e) { 2891 $arrowsNew.filter('.prev').click(); 2892 }); 2893 $$('#' + divSlideshowID).on('swipeLeft', function (e) { 2894 $arrowsNew.filter('.next').click(); 2895 }); 2896 } 2897 } 2898 if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { 2899 if (2 == 1) { 2900 $overlays.hide(); 2901 } else if (2 == 2) { 2902 $overlays.removeClass('overlay'); 2903 } 2904 } 2905 } 2906 }); 2907 }); 2908 // --> 2909 </script>
2909 2910 2911 2912 </div> 2913
2914<script type="text/javascript"> 2915 (function () { 2916 const widgetHandlers = function (e) { 2917 $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { 2918 var $this = $(this); 2919 // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 2920 // This came about, because we needed to use slider images to trigger options. - JE 2921 if ($this.parent().hasClass('cpSlider')) { 2922 $this = $this.closest('.widget.slideShow').siblings('.handle.options'); 2923 } 2924 2925 //Set values for global variables for slideshow. 2926 if ($this.attr('data-widgetID').length !== 0) { 2927 parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); 2928 } 2929 callbackfnSlideshowSave = null; 2930 var pageID = ContentCollectionInstance.PageID; 2931 var moduleID = ContentCollectionInstance.ModuleID; 2932 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 2933 //Set slideshow widgetID 2934 ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); 2935 $popUp_Slideshow = openCpModal({ 2936 title: 'Slideshow', 2937 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 2938 isFrontEnd: false, 2939 useIframe: false, 2940 draggable: true, 2941 url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs 2942 }); 2943 }); 2944 2945 $('.slideshowOptions.empty').unbind('click').click(function (e) { 2946 var $this = $(this); 2947 parentID_Slideshow = $this.parents('.slideShow').attr('id'); 2948 var pageID = ContentCollectionInstance.PageID; 2949 var moduleID = ContentCollectionInstance.ModuleID; 2950 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 2951 ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); 2952 $popUp_Slideshow = openCpModal({ 2953 title: 'Slideshow', 2954 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 2955 isFrontEnd: false, 2956 useIframe: false, 2957 draggable: true, 2958 url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs 2959 }); 2960 }); 2961 }; 2962 2963 if (document.readyState === "complete" 2964 || document.readyState === "loaded" 2965 || document.readyState === "interactive") { 2966 widgetHandlers(); 2967 return; 2968 } 2969 2970 document.addEventListener("DOMContentLoaded", widgetHandlers); 2971 })(); 2972</script>
2972 2973 </div> 2974 2975
2976<script type="text/javascript"> 2977 function SlideshowWidgetCallback(widgetID, response) { 2978 if (window.ContentCollectionInstance.IsWorkingCopy) { 2979 //Remove this field since the partial view adds it back. 2980 $('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove(); 2981 if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0) 2982 $('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response); 2983 else 2984 $('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response); 2985 2986 contentUpdated(); 2987 } 2988 else { 2989 ContentCollectionInstance.reloadContent(); 2990 } 2991 2992 $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { 2993 var $this = $(this); 2994 // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 2995 // This came about, because we needed to use slider images to trigger options. - JE 2996 if ($this.parent().hasClass('cpSlider')) { 2997 $this = $this.closest('.widget.slideShow').siblings('.handle.options'); 2998 } 2999 3000 //Set values for global variables for slideshow. 3001 if ($this.attr('data-widgetID').length !== 0) { 3002 parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); 3003 } 3004 callbackfnSlideshowSave = null; 3005 var pageID = ContentCollectionInstance.PageID; 3006 var moduleID = ContentCollectionInstance.ModuleID; 3007 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 3008 //Set slideshow widgetID 3009 ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); 3010 $popUp_Slideshow = openCpModal({ 3011 title: 'Slideshow', 3012 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 3013 isFrontEnd: false, 3014 useIframe: false, 3015 draggable: true, 3016 url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs 3017 }); 3018 }); 3019 3020 $('.slideshowOptions.empty').unbind('click').click(function (e) { 3021 var $this = $(this); 3022 parentID_Slideshow = $this.parents('.slideShow').attr('id'); 3023 var pageID = ContentCollectionInstance.PageID; 3024 var moduleID = ContentCollectionInstance.ModuleID; 3025 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 3026 ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); 3027 $popUp_Slideshow = openCpModal({ 3028 title: 'Slideshow', 3029 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 3030 isFrontEnd: false, 3031 useIframe: false, 3032 draggable: true, 3033 url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs 3034 }); 3035 }); 3036 } 3037 3038 (function (){ 3039 const widgetHandlers = function () { 3040 var hasEditRights = false; 3041 if (window.File && window.FileList && window.FileReader && hasEditRights) { 3042 var SlideshowWidget = 3; 3043 makeWidgetAreaDroppable('07619458-c7e3-4dd8-8a09-d0e67549525e', $('#slideshow' + '07619458-c7e3-4dd8-8a09-d0e67549525e'), SlideshowWidget, true, SlideshowWidgetCallback); 3044 } 3045 3046 if(hasEditRights) 3047 browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + '07619458-c7e3-4dd8-8a09-d0e67549525e'), 'Click to start adding images.'); 3048 }; 3049 3050 if (document.readyState === "complete" 3051 || document.readyState === "loaded" 3052 || document.readyState === "interactive") { 3053 widgetHandlers(); 3054 return; 3055 } 3056 3057 document.addEventListener("DOMContentLoaded", widgetHandlers); 3058 })(); 3059</script>
3059 3060 </div> <!-- inner column --> 3061 3062 </div> <!-- inner row --> 3063 3064 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3065 3066 3067 </div> 3068</div></div> 3069</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 3070<div class="siteWrap4"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccff9af218-da96-4cd2-b08e-b7d38b7fb5ed" data-containerid="ff9af218-da96-4cd2-b08e-b7d38b7fb5ed" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="65"> 3071 3072 3073 <div class="row outer wide"><!-- 3074--><div class="outer col col6 first" style="" data-widgetcontainerid="674badab-c1d9-4ada-91db-46ab5bfe0629">� 3075 <div class="row nest first last wide">� 3076 3077 <div class="inner col col6 first last id311f10be-9ed5-4742-8c4b-ae7e03a7f01a" style="" data-widgetcontainerid="311f10be-9ed5-4742-8c4b-ae7e03a7f01a">� 3078 <div data-widget-id="683b54b0-35c3-42e5-ae6d-bab401c3842d" data-widget-controller-path="/InfoAdvanced/Widget"> 3079 3080 3081 3082 3083 3084 <section id="divInfoAdv683b54b0-35c3-42e5-ae6d-bab401c3842d" class="widget widgetInfoAdvanced skin98 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 3085 <header class="widgetHeader" id="header683b54b0-35c3-42e5-ae6d-bab401c3842d"> 3086 <div class=""> 3087 </div> 3088 </header> 3089 <div class="widgetBody cpGrid cpGrid1 "> 3090 <div class="row wide"> 3091 <div class="col col1 first last"> 3092 <ol class="pageStyles semanticList"> 3093 3094<li class="InfoAdvanced widgetItem fr-view"> 3095 <p><a href="/"><img src="/ImageRepository/Document?documentId=4946" class="fr-dib" alt="Berea Ohio Homepage"></a></p> 3096</li> </ol> 3097 </div> 3098 </div> 3099 </div> 3100 <div class="widgetFooter"> 3101 3102 </div> 3103 3104 </section> 3105 3106 3107
3108<script type="text/javascript"> 3109 //Render slideshow if info advacned items contain one. 3110 $(document).ready(function (e) { 3111 $('#divInfoAdv683b54b0-35c3-42e5-ae6d-bab401c3842d .InfoAdvanced.widgetItem').each(function () { 3112 renderSlideshowIfApplicable($(this)); 3113 }); 3114 }); 3115</script>
3115</div> 3116 </div> <!-- inner column --> 3117 3118 </div> <!-- inner row --> 3119 3120 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="45c5a1be-afff-41b7-a5f4-fc57256f7f78">� 3121 <div class="row nest first last wide">� 3122 3123 <div class="inner col col1 first last id1dfd1928-553d-4113-a142-08c48338e947" style="" data-widgetcontainerid="1dfd1928-553d-4113-a142-08c48338e947">� 3124 3125<div class="widget widgetSpacer" id="181c62be-9535-4910-b0d7-e2d48b38f559"></div> 3126 </div> <!-- inner column --> 3127 3128 </div> <!-- inner row --> 3129 3130 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="497e3499-729c-46a5-bf2e-2155c4723413">� 3131 <div class="row nest first last wide">� 3132 3133 <div class="inner col col4 first last id2b070ef1-5f22-4f95-a75d-032f96ea83e0" style="" data-widgetcontainerid="2b070ef1-5f22-4f95-a75d-032f96ea83e0">� 3134 <div data-widget-id="ee22cf69-4eb9-4c88-ad54-c878ae2d99c7" data-widget-controller-path="/InfoAdvanced/Widget"> 3135 3136 3137 3138 3139 3140 <section id="divInfoAdvee22cf69-4eb9-4c88-ad54-c878ae2d99c7" class="widget widgetInfoAdvanced skin100 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headeree22cf69-4eb9-4c88-ad54-c878ae2d99c7"> 3141 <header class="widgetHeader" id="headeree22cf69-4eb9-4c88-ad54-c878ae2d99c7"> 3142 <div class=""> 3143 <h3 >Contact Us</h3> 3144 </div> 3145 </header> 3146 <div class="widgetBody cpGrid cpGrid1 "> 3147 <div class="row wide"> 3148 <div class="col col1 first last"> 3149 <ol class="pageStyles semanticList"> 3150 3151<li class="InfoAdvanced widgetItem fr-view"> 3152 <p>City of Berea</p> 3153</li> 3154<li class="InfoAdvanced widgetItem fr-view"> 3155 <p>11 Berea Commons</p> 3156</li> 3157<li class="InfoAdvanced widgetItem fr-view"> 3158 <p>Berea, OH 44017</p> 3159</li> 3160<li class="InfoAdvanced widgetItem fr-view"> 3161 <p>Phone: <a href="tel:4408265800">440-826-5800</a></p> 3162</li> 3163<li class="InfoAdvanced widgetItem fr-view"> 3164 <p><a href="/directory.aspx">Contact Us</a></p> 3165</li> </ol> 3166 </div> 3167 </div> 3168 </div> 3169 <div class="widgetFooter"> 3170 3171 </div> 3172 3173 </section> 3174 3175 3176
3177<script type="text/javascript"> 3178 //Render slideshow if info advacned items contain one. 3179 $(document).ready(function (e) { 3180 $('#divInfoAdvee22cf69-4eb9-4c88-ad54-c878ae2d99c7 .InfoAdvanced.widgetItem').each(function () { 3181 renderSlideshowIfApplicable($(this)); 3182 }); 3183 }); 3184</script>
3184</div> 3185 </div> <!-- inner column --> 3186 3187 </div> <!-- inner row --> 3188 3189 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="8aa9bebd-efbb-431f-bdfd-a2528f714374">� 3190 <div class="row nest first last wide">� 3191 3192 <div class="inner col col1 first last id783a1d60-8c10-48cc-911b-4d3e79bc9cdc" style="" data-widgetcontainerid="783a1d60-8c10-48cc-911b-4d3e79bc9cdc">� 3193 3194<div class="widget widgetSpacer" id="efe1cfd9-0808-4298-97d8-dd5e098b087f"></div> 3195 </div> <!-- inner column --> 3196 3197 </div> <!-- inner row --> 3198 3199 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="6e709bbe-b318-48ae-a637-180989fe115b">� 3200 <div class="row nest first last wide">� 3201 3202 <div class="inner col col5 first last id9e5ff21d-a0ed-4beb-a22c-af2b19d65366" style="" data-widgetcontainerid="9e5ff21d-a0ed-4beb-a22c-af2b19d65366">� 3203 <div data-widget-id="490e194d-ce8a-4928-b385-9a7063dc21a4" data-widget-controller-path="/QuickLinks/Widget"> 3204 3205 3206 3207 3208 3209 3210 3211 3212 <section id="widgetQuicklink490e194d-ce8a-4928-b385-9a7063dc21a4" class="widget widgetQuickLinks skin100 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader490e194d-ce8a-4928-b385-9a7063dc21a4"> 3213 <header class="widgetHeader" id="quickLinksHeader490e194d-ce8a-4928-b385-9a7063dc21a4"> 3214 <div class=""> 3215 <h3><a style="" href="/QuickLinks.aspx?CID=21,24" >Helpful Links</a></h3> 3216 </div> 3217 </header> 3218 <div class="widgetBody cpGrid cpGrid1 "> 3219 <div class="row narrow"> 3220 <div class="col col1 first last"> 3221 <ol class="semanticList"> 3222 3223 <li style="position:relative" class="widgetItem QuickLinks"> 3224 <a class="widgetDesc widgetQuickLinksLink" href="/352/Codified-Ordinances" target="_self" >Berea Codified Ordinances</a> 3225 <div class="widgetMeta"></div> 3226 </li> 3227 3228 <li style="position:relative" class="widgetItem QuickLinks"> 3229 <a class="widgetDesc widgetQuickLinksLink" href="https://www.ohioattorneygeneral.gov/" target="_blank" aria-label="Ohio Attorney General opens in new window">Ohio Attorney General</a> 3230 <div class="widgetMeta"></div> 3231 </li> 3232 3233 <li style="position:relative" class="widgetItem QuickLinks"> 3234 <a class="widgetDesc widgetQuickLinksLink" href="http://codes.ohio.gov/orc/" target="_self" >Ohio Revised Code</a> 3235 <div class="widgetMeta"></div> 3236 </li> 3237 3238 <li style="position:relative" class="widgetItem QuickLinks"> 3239 <a class="widgetDesc widgetQuickLinksLink" href="/202/Coe-Lake" target="_self" >Coe Lake</a> 3240 <div class="widgetMeta"></div> 3241 </li> 3242 3243 <li style="position:relative" class="widgetItem QuickLinks"> 3244 <a class="widgetDesc widgetQuickLinksLink" href="/204/Jason-Malone-Park" target="_self" >Jason Malone Park</a> 3245 <div class="widgetMeta"></div> 3246 </li> 3247 </ol> 3248 </div> 3249 </div> 3250 3251 </div> 3252 <div class="widgetFooter"> 3253 </div> 3254 <div class="addItemModal hidden"> 3255 <div class="url hidden">/QuickLinks.aspx</div> 3256 </div> 3257 3258 </section> 3259</div> 3260 3261 </div> <!-- inner column --> 3262 3263 </div> <!-- inner row --> 3264 3265 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="6a32bd4c-84fd-4a76-9a81-733cf697cf25">� 3266 <div class="row nest first last wide">� 3267 3268 <div class="inner col col1 first last id42034a6b-6ba2-4470-b94d-38ea254fe81d" style="" data-widgetcontainerid="42034a6b-6ba2-4470-b94d-38ea254fe81d">� 3269 3270<div class="widget widgetSpacer" id="b8d925aa-1891-45aa-bb1d-3620e03e74df"></div> 3271 </div> <!-- inner column --> 3272 3273 </div> <!-- inner row --> 3274 3275 </div><!-- outer column --><!----><div class="outer col col6 last" style="" data-widgetcontainerid="ab0c5ff5-2e99-4487-9b4b-84696b37388d">� 3276 <div class="row nest first last wide">� 3277 3278 <div class="inner col col6 first last id077242ce-9a10-4a9f-adc3-425df4223bb0" style="" data-widgetcontainerid="077242ce-9a10-4a9f-adc3-425df4223bb0">� 3279 <div data-widget-id="7b0772b4-2bb5-4e7d-b9c8-2afa4532713a" data-widget-controller-path="/QuickLinks/Widget"> 3280 3281 3282 3283 3284 3285 3286 3287 3288 <section id="widgetQuicklink7b0772b4-2bb5-4e7d-b9c8-2afa4532713a" class="widget widgetQuickLinks skin100 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader7b0772b4-2bb5-4e7d-b9c8-2afa4532713a"> 3289 <header class="widgetHeader" id="quickLinksHeader7b0772b4-2bb5-4e7d-b9c8-2afa4532713a"> 3290 <div class=""> 3291 <h3><a style="" href="/QuickLinks.aspx?CID=25" >Site Links</a></h3> 3292 </div> 3293 </header> 3294 <div class="widgetBody cpGrid cpGrid1 "> 3295 <div class="row narrow"> 3296 <div class="col col1 first last"> 3297 <ol class="semanticList"> 3298 3299 <li style="position:relative" class="widgetItem QuickLinks"> 3300 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 3301 <div class="widgetMeta"></div> 3302 </li> 3303 3304 <li style="position:relative" class="widgetItem QuickLinks"> 3305 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> 3306 <div class="widgetMeta"></div> 3307 </li> 3308 3309 <li style="position:relative" class="widgetItem QuickLinks"> 3310 <a class="widgetDesc widgetQuickLinksLink" href="/directory" target="_self" >Contact Us</a> 3311 <div class="widgetMeta"></div> 3312 </li> 3313 3314 <li style="position:relative" class="widgetItem QuickLinks"> 3315 <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> 3316 <div class="widgetMeta"></div> 3317 </li> 3318 3319 <li style="position:relative" class="widgetItem QuickLinks"> 3320 <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a> 3321 <div class="widgetMeta"></div> 3322 </li> 3323 </ol> 3324 </div> 3325 </div> 3326 3327 </div> 3328 <div class="widgetFooter"> 3329 </div> 3330 <div class="addItemModal hidden"> 3331 <div class="url hidden">/QuickLinks.aspx</div> 3332 </div> 3333 3334 </section> 3335</div> 3336 3337 </div> <!-- inner column --> 3338 3339 </div> <!-- inner row --> 3340 3341 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3342 3343 3344 </div> 3345</div><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc3e5b0ce8-4ef5-488b-be48-dbc74d754af5" data-containerid="3e5b0ce8-4ef5-488b-be48-dbc74d754af5" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 3346 3347 3348 <div class="row outer wide"><!-- 3349--><div class="outer col col24 first last" style="" data-widgetcontainerid="7993430c-3488-4b96-9c1b-623e8cab0273">� 3350 <div class="row nest first last wide">� 3351 3352 <div class="inner col col24 first last idda550cde-0024-4c53-bc34-76aa3adb2050" style="" data-widgetcontainerid="da550cde-0024-4c53-bc34-76aa3adb2050">� 3353 3354 <div data-widget-id='56ca81e3-eb18-4b71-9d46-008c163c0a73' data-moduleName="customHtml" id='widgetCustomHtml56ca81e3-eb18-4b71-9d46-008c163c0a73' class="widget widgetCustomHtml skin103 narrow" > 3355 <div class="widgetBody pageStyles" id="widgetBody56ca81e3-eb18-4b71-9d46-008c163c0a73"> 3356 <div id="customHtml56ca81e3-eb18-4b71-9d46-008c163c0a73"><div><style> 3357 /* CP icon */ 3358 .cpBylineIconTS { 3359 } 3360 /* CP Text */ 3361 .cpBylineTextTS, 3362 .cpBylineTextTS a:link { 3363 3364 } 3365 3366 .cpBylineTS { 3367 text-align: center; 3368 } 3369 3370 .cpBylineIconTS { 3371 fill: currentColor; 3372 width: 39px;
3373 height: 26px; 3374 display: inline; 3375 vertical-align: middle; 3376 } 3377</style> 3378 3379<div class="widgetItem cpBylineTS"> 3380 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 3381 <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path> 3382 <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path> 3383 </svg> 3384 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 3385</div> 3386</div></div> 3387 </div> 3388 3389 </div> 3390 3391 </div> <!-- inner column --> 3392 3393 </div> <!-- inner row --> 3394 3395 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3396 3397 3398 </div> 3399</div></div> 3400</footer></div> 3401</div> 3402 3403 3404 3405 3406 <div id="banner2-96" style="display: none"></div> 3407
3407<script type="text/javascript"> 3408 $(window).on("load", function () { 3409 $.when(window.Pages.rwdSetupComplete) 3410 .done(function () { 3411 renderBanner('banner2-96', 3412 'banner2', 3413 {"BannerOptionID":96,"ThemeID":35,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":233,"BannerOptionID":96,"FileName":"/ImageRepository/Document?documentID=4190","Height":1018,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[{"BannerVideoID":14,"BannerOptionID":96,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202506101019496345.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 3414 {"BannerImageID":233,"BannerOptionID":96,"FileName":"/ImageRepository/Document?documentID=4190","Height":1018,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, 3415 '/App_Themes/2025 - Home/Images/', 3416 '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=4190" />'); 3417 }); 3418 }); 3419 </script>
3419 3420 3421</div> 3422</div> 3423 3424 </div> 3425 </div> 3426 </div> 3427 3428<link href="/745732998.css" rel="stylesheet" type="text/css" /> 3429 3430<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 3431 <div role="dialog" aria-labelledby="cp-Splash-title" aria-describedby="editorContentDesc" aria-modal="true" tabindex="-1" id="SplashMessage" class="hidden cp-Splash cp-Splash--modal is-open"> 3432 <div class="cp-Splash-header"> 3433 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 3434 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 3435 <svg id="iconClose" viewBox="0 0 25 25"> 3436 <polygon style="fill:currentcolor" 3437 points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,18.084 13.277,12.508"></polygon> 3438 </svg> 3439 </button> 3440 </div> 3441 <div class="cp-Splash-body"> 3442 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 3443 <!-- Content from the Froala Editor will go here. --> 3444 Loading 3445 </div> 3446 </div> 3447 <div class="cp-Splash-footer"> 3448 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 3449 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
3450 </div> 3451 </div> 3452</div> 3453
3454<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3454
3454
3455<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3455
3455
3456<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3456
3456
3457<script> 3458 3459 $(document).ready(function () { 3460 var filter = { 3461 targetId: '1', 3462 targetType: 1 3463 } 3464 3465 new SplashModalRender().triggerRender(filter); 3466 }); 3467</script>
3467 3468 3469 3470 3471 3472 3473 3474 3475 3476 3477 3478 3479 3480 3481 3482 3483 3484
3484<script src="/-1442400649.js" type="text/javascript"></script>
3484 3485 <!-- Fixed Nav Adjustment -->
3486<script> 3487 function getValueTS(elem, attr) { 3488 const val = elem.css(attr); 3489 if (val === undefined) return undefined; 3490 const num = parseInt(val, 10); 3491 if (num === NaN) return undefined; 3492 return num; 3493 } 3494 3495 function clampTS(number, min, max) { 3496 return Math.min(Math.max(number, min), max); 3497 } 3498 3499 function isPageEditingTS() { 3500 return ( 3501 $("#doneEditing").length > 0 || // In live edit 3502 typeof DesignCenter !== "undefined" // In theme manager 3503 ); 3504 } 3505 3506 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 3507 function isTransparentTS(elem) { 3508 const bg = elem.css('background-color'); 3509 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 3510 const matchState = bg.match(bgColorRegexTS); 3511 if (!matchState || matchState.length !== 5) return false; 3512 const alpha = parseFloat(matchState[4], 10); 3513 if (!(alpha >= 0 && alpha < 1)) return false; 3514 return true; 3515 } 3516 3517 function iterateLeftpads(cb) { 3518 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 3519 for (let i = 0; i < containersTS.length; i++) { 3520 const containerTS = containersTS[i]; 3521 // Skip the body container and anything with data-skip-leftpad 3522 if ( 3523 containerTS.id !== "bodyContainerTS" && 3524 containerTS.getAttribute('data-skip-leftpad') === null 3525 ) { 3526 cb(containerTS); 3527 } 3528 } 3529 } 3530 3531 const anchor = $("#divToolbars"); 3532 3533 // Outer banner padding (push banner down) 3534 const outerSizingTS = $("#bannerContainerTS"); 3535 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 3536 const innerSizingTS = $("#bannerSizingTS"); 3537 const bodyContainerTS = $("#bodyContainerTS"); 3538 3539 const forceUnfixClassTS = "forceUnfixTS"; 3540 3541 const fixedTopTS = $(".fixedTopTS"); 3542 const fixedBottomTS = $(".fixedBottomTS"); 3543 const fixedLeftTS = $(".fixedLeftTS"); 3544 3545 var initialTopTS; 3546 var topAttachTS; 3547 if (fixedTopTS && fixedTopTS.length === 1) { 3548 initialTopTS = getValueTS(fixedTopTS, 'top'); 3549 const attachment = fixedTopTS.attr('data-attach');
3550 if (attachment) topAttachTS = $("#" + attachment); 3551 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 3552 } 3553 3554 function resizeAdjustmentTS() { 3555 const editing = isPageEditingTS(); 3556 3557 // Fixed top script 3558 (function () { 3559 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 3560 3561 if (editing) { 3562 fixedTopTS[0].classList.add(forceUnfixClassTS); 3563 } else { 3564 fixedTopTS[0].classList.remove(forceUnfixClassTS); 3565 } 3566 3567 const topPosition = fixedTopTS.css('position'); 3568 if (topPosition === 'fixed') { 3569 if (topAttachTS) { 3570 scrollAdjustmentTS(); 3571 } else { 3572 const anchorHeight = anchor.outerHeight() - 1; 3573 fixedTopTS.css('top', anchorHeight + initialTopTS); 3574 } 3575 } else { 3576 fixedTopTS.css('top', initialTopTS); 3577 } 3578 3579 if (topPosition === 'fixed' || topPosition === 'absolute') { 3580 // Bump the banner content down 3581 if (isTransparentTS(fixedTopTS)) { 3582 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 3583 outerSizingTS.css('padding-top', ''); 3584 3585 try { 3586 window.Pages.onResizeHandlersExecute(); 3587 } catch (e) { } 3588 } else { 3589 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 3590 innerSizingTS.css('padding-top', ''); 3591 } 3592 } else { 3593 innerSizingTS.css('padding-top', ''); 3594 outerSizingTS.css('padding-top', ''); 3595 } 3596 })(); 3597 3598 // Fixed bottom script 3599 (function () { 3600 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 3601 3602 // If the widget has gone narrow, force unfix 3603 if (editing || fixedBottomTS.outerHeight() > 200) { 3604 fixedBottomTS[0].classList.add(forceUnfixClassTS); 3605 } else { 3606 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 3607 } 3608 3609 if (fixedBottomTS.css('position') === 'fixed') { 3610 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 3611 } else { 3612 bodyContainerTS.css('padding-bottom', ''); 3613 } 3614 })(); 3615 3616 // Fixed left script 3617 (function () { 3618 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 3619 3620 if (editing) { 3621 fixedLeftTS[0].classList.add(forceUnfixClassTS); 3622 } else { 3623 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 3624 } 3625 3626 if (fixedLeftTS.css('position') === 'fixed') { 3627 const anchorHeight = anchor.outerHeight() - 1; 3628 fixedLeftTS.css('top', anchorHeight); 3629 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 3630 iterateLeftpads(function (containerTS) { 3631 const containerBoundingTS = containerTS.getBoundingClientRect(); 3632 if (containerBoundingTS.left <= leftBoundingTS.right) { 3633 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 3634 } 3635 }); 3636 } else { 3637 fixedLeftTS.css('top', ''); 3638 iterateLeftpads(function (containerTS) { 3639 $(containerTS).css('padding-left', ''); 3640 }); 3641 } 3642 })(); 3643 } 3644 3645 function scrollAdjustmentTS() { 3646 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 3647 const topPosition = fixedTopTS.css('position'); 3648 if (topPosition === 'fixed' || topPosition === 'absolute') { 3649 const anchorBounding = anchor[0].getBoundingClientRect(); 3650 const attachBounding = topAttachTS[0].getBoundingClientRect(); 3651 const scrollTop = $(window).scrollTop(); 3652 3653 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 3654 } else { 3655 fixedTopTS.css('top', initialTopTS); 3656 } 3657 } 3658 3659 $(window).load(function () { 3660 setTimeout(function () { 3661 resizeAdjustmentTS(); 3662 }, 350); 3663 3664 $(window).scroll(function () { 3665 scrollAdjustmentTS(); 3666 }); 3667 3668 var adjustTimeoutTS; 3669 $(window).resize(function () { 3670 clearTimeout(adjustTimeoutTS); 3671 adjustTimeoutTS = setTimeout(function () { 3672 resizeAdjustmentTS(); 3673 }, 350); 3674 });
3675 3676 $.when(window.Pages.angularToolbarComplete).done(function () { 3677 resizeAdjustmentTS(); 3678 }); 3679 }); 3680</script>
3680 3681<!-- End Fixed Nav Adjustment --> 3682<!-- Fixed Nav Adjustment -->
3683<script> 3684 function getValueTS(elem, attr) { 3685 const val = elem.css(attr); 3686 if (val === undefined) return undefined; 3687 const num = parseInt(val, 10); 3688 if (num === NaN) return undefined; 3689 return num; 3690 } 3691 3692 function clampTS(number, min, max) { 3693 return Math.min(Math.max(number, min), max); 3694 } 3695 3696 function isPageEditingTS() { 3697 return ( 3698 $("#doneEditing").length > 0 || // In live edit 3699 typeof DesignCenter !== "undefined" // In theme manager 3700 ); 3701 } 3702 3703 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 3704 function isTransparentTS(elem) { 3705 const bg = elem.css('background-color'); 3706 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 3707 const matchState = bg.match(bgColorRegexTS); 3708 if (!matchState || matchState.length !== 5) return false; 3709 const alpha = parseFloat(matchState[4], 10); 3710 if (!(alpha >= 0 && alpha < 1)) return false; 3711 return true; 3712 } 3713 3714 function iterateLeftpads(cb) { 3715 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 3716 for (let i = 0; i < containersTS.length; i++) { 3717 const containerTS = containersTS[i]; 3718 // Skip the body container and anything with data-skip-leftpad 3719 if ( 3720 containerTS.id !== "bodyContainerTS" && 3721 containerTS.getAttribute('data-skip-leftpad') === null 3722 ) { 3723 cb(containerTS); 3724 } 3725 } 3726 } 3727 3728 const anchor = $("#divToolbars"); 3729 3730 // Outer banner padding (push banner down) 3731 const outerSizingTS = $("#bannerContainerTS"); 3732 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 3733 const innerSizingTS = $("#bannerSizingTS"); 3734 const bodyContainerTS = $("#bodyContainerTS"); 3735 3736 const forceUnfixClassTS = "forceUnfixTS"; 3737 3738 const fixedTopTS = $(".fixedTopTS"); 3739 const fixedBottomTS = $(".fixedBottomTS"); 3740 const fixedLeftTS = $(".fixedLeftTS"); 3741 3742 var initialTopTS; 3743 var topAttachTS; 3744 if (fixedTopTS && fixedTopTS.length === 1) { 3745 initialTopTS = getValueTS(fixedTopTS, 'top'); 3746 const attachment = fixedTopTS.attr('data-attach');
3747 if (attachment) topAttachTS = $("#" + attachment); 3748 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 3749 } 3750 3751 function resizeAdjustmentTS() { 3752 const editing = isPageEditingTS(); 3753 3754 // Fixed top script 3755 (function () { 3756 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 3757 3758 if (editing) { 3759 fixedTopTS[0].classList.add(forceUnfixClassTS); 3760 } else { 3761 fixedTopTS[0].classList.remove(forceUnfixClassTS); 3762 } 3763 3764 const topPosition = fixedTopTS.css('position'); 3765 if (topPosition === 'fixed') { 3766 if (topAttachTS) { 3767 scrollAdjustmentTS(); 3768 } else { 3769 const anchorHeight = anchor.outerHeight() - 1; 3770 fixedTopTS.css('top', anchorHeight + initialTopTS); 3771 } 3772 } else { 3773 fixedTopTS.css('top', initialTopTS); 3774 } 3775 3776 if (topPosition === 'fixed' || topPosition === 'absolute') { 3777 // Bump the banner content down 3778 if (isTransparentTS(fixedTopTS)) { 3779 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 3780 outerSizingTS.css('padding-top', ''); 3781 3782 try { 3783 window.Pages.onResizeHandlersExecute(); 3784 } catch (e) { } 3785 } else { 3786 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 3787 innerSizingTS.css('padding-top', ''); 3788 } 3789 } else { 3790 innerSizingTS.css('padding-top', ''); 3791 outerSizingTS.css('padding-top', ''); 3792 } 3793 })(); 3794 3795 // Fixed bottom script 3796 (function () { 3797 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 3798 3799 // If the widget has gone narrow, force unfix 3800 if (editing || fixedBottomTS.outerHeight() > 200) { 3801 fixedBottomTS[0].classList.add(forceUnfixClassTS); 3802 } else { 3803 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 3804 } 3805 3806 if (fixedBottomTS.css('position') === 'fixed') { 3807 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 3808 } else { 3809 bodyContainerTS.css('padding-bottom', ''); 3810 } 3811 })(); 3812 3813 // Fixed left script 3814 (function () { 3815 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 3816 3817 if (editing) { 3818 fixedLeftTS[0].classList.add(forceUnfixClassTS); 3819 } else { 3820 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 3821 } 3822 3823 if (fixedLeftTS.css('position') === 'fixed') { 3824 const anchorHeight = anchor.outerHeight() - 1; 3825 fixedLeftTS.css('top', anchorHeight); 3826 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 3827 iterateLeftpads(function (containerTS) { 3828 const containerBoundingTS = containerTS.getBoundingClientRect(); 3829 if (containerBoundingTS.left <= leftBoundingTS.right) { 3830 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 3831 } 3832 }); 3833 } else { 3834 fixedLeftTS.css('top', ''); 3835 iterateLeftpads(function (containerTS) { 3836 $(containerTS).css('padding-left', ''); 3837 }); 3838 } 3839 })(); 3840 } 3841 3842 function scrollAdjustmentTS() { 3843 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 3844 const topPosition = fixedTopTS.css('position'); 3845 if (topPosition === 'fixed' || topPosition === 'absolute') { 3846 const anchorBounding = anchor[0].getBoundingClientRect(); 3847 const attachBounding = topAttachTS[0].getBoundingClientRect(); 3848 const scrollTop = $(window).scrollTop(); 3849 3850 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 3851 } else { 3852 fixedTopTS.css('top', initialTopTS); 3853 } 3854 } 3855 3856 $(window).load(function () { 3857 setTimeout(function () { 3858 resizeAdjustmentTS(); 3859 }, 350); 3860 3861 $(window).scroll(function () { 3862 scrollAdjustmentTS(); 3863 }); 3864 3865 var adjustTimeoutTS; 3866 $(window).resize(function () { 3867 clearTimeout(adjustTimeoutTS); 3868 adjustTimeoutTS = setTimeout(function () { 3869 resizeAdjustmentTS(); 3870 }, 350); 3871 });
3872 3873 $.when(window.Pages.angularToolbarComplete).done(function () { 3874 resizeAdjustmentTS(); 3875 }); 3876 }); 3877</script>
3877 3878<!-- End Fixed Nav Adjustment --> 3879 3880 3881 3882 3883<!-- Move banner to outer wrap -->
3884<script> 3885 function moveBannerToOuterWrap() { 3886 if ($(".fixedBannerTS #bannerDivbanner2").length) { 3887 $(".fixedBannerTS #bannerDivbanner2").appendTo("#outer-wrap"); 3888 } else { 3889 setTimeout(function () { 3890 moveBannerToOuterWrap(); 3891 }, 500); 3892 } 3893 } 3894 3895 moveBannerToOuterWrap(); 3896</script>
3896 3897 3898 3899
3899<script type="text/javascript"> 3900 $(function () { 3901 document.cookie = "responsiveGhost=0; path=/"; 3902 }); 3903 $(window).on("load", function () { 3904 $('body').addClass('doneLoading').removeClass('hideContent'); 3905 3906 if ($('#404Content').length > 0) 3907 $('div#bodyWrapper').css('padding', '0px'); 3908 }); 3909 </script>
3909 3910 3911 <noscript> 3912 <style> 3913 body.hideContent { 3914 opacity: 1 !important; 3915 } 3916 </style> 3917 </noscript> 3918 3919 3920<div style="display: none;"> 3921 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 3922 3923 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 3924 <title>Arrow Left</title> 3925 <polygon style="fill:currentcolor" points="18.044,25 19.498,23.545 8.409,12.454 19.408,1.455 17.954,0 5.502,12.452"></polygon> 3926 </symbol> 3927 3928 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 3929 <title>Arrow Right</title> 3930 <polygon style="fill:currentcolor" points="6.957,0 5.502,1.455 16.591,12.546 5.592,23.545 7.047,25 19.498,12.548"></polygon> 3931 </symbol> 3932 3933 </svg> 3934</div> 3935
3935<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Montserrat:500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|Poppins:100,100italic,200,200italic,300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|');</script>
3935 3936 3937 3938 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 3939 <div style="display: none;"> 3940 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 3941 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 3942 <title>Slideshow Left Arrow</title> 3943 <g> 3944 <path style="fill:currentcolor;" d="M20,40a2.67,2.67,0,0,1-1.9-.79L.79,21.9a2.68,2.68,0,0,1,0-3.79L18.1.79a2.68,2.68,0,1,1,3.79,3.79L6.47,20,21.89,35.42A2.68,2.68,0,0,1,20,40Z"></path> 3945 </g> 3946 </symbol> 3947 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 3948 <title>Slideshow Right Arrow</title> 3949 <g> 3950 <path style="fill:currentcolor;" d="M2.68,0a2.67,2.67,0,0,1,1.9.79L21.89,18.1a2.68,2.68,0,0,1,0,3.79L4.58,39.21A2.68,2.68,0,0,1,.79,35.42L16.21,20,.79,4.58A2.68,2.68,0,0,1,2.68,0Z"></path> 3951 </g> 3952 </symbol> 3953 </svg> 3954 </div> 3955 3956 3957 3958 3959 <div id="root-picker-outlet"></div> 3960</body> 3961</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.