CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />  <script>(function(w,d,s,l,i){w.GAMeasurementID='G-WB6KX21614';w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>  <script type='text/javascript'> var enableTelemetry = 'false' var aiConfig = { instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' } 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://az416426.vo.msecnd.net/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); window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; // Add telemetry initializer appInsights.queue.push(function() { appInsights.context.addTelemetryInitializer(function(envelope) { var telemetryItem = envelope.data.baseData; // To check the telemetry item鈥檚 type: if (!false) { //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that if (envelope.name.indexOf('.Event') == -1) return false; } }); }); appInsights.trackPageView(); </script> <script> function populateAntiForgery(token) { var input = document.createElement("input"); input.name = "__RequestVerificationToken"; input.type = "hidden"; input.value = token; var absPat = /^https?:\/\/|^\/\//i; var forms = document.getElementsByTagName("form"); for (var i = 0; i < forms.length; i++) { if (forms[i].method == "post" && !forms[i].querySelector('[name="__RequestVerificationToken"]') && !absPat.test(forms[i].getAttribute("action"))) { forms[i].appendChild(input.cloneNode()); } } } function getAntiForgeryToken(callback, error) { var xhr = new XMLHttpRequest(); xhr.open("GET", "/antiforgery"); xhr.addEventListener("load", function() { try { if (this.status !== 200) { throw Error("Invalid status. Could not retrieve antiforgery token."); } var obj = JSON.parse(this.responseText); callback(obj.token); } catch (e) { typeof error === "function" && error(e); } }); xhr.send(); } getAntiForgeryToken(function(token) { if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { populateAntiForgery(token); return; } document.addEventListener("DOMContentLoaded", function() { populateAntiForgery(token); }, false); }, console.error); </script> <script type="text/javascript"> window.departmentHeader = {"DepartmentHeaderId":2359,"DepartmentHeaderName":"Police"}; window.pageSectionTracker = {}; window.isResponsiveEnabled = true; window.isRemoveSetHeights= false; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = false; window.responsiveMenuHeight = ''; window.responsiveMenuFontSize = ''; (function () { window.setSizeCookie = function () { document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; if (screen && screen.width && screen.height) { document.cookie = "screenWidth=" + screen.width + "; path=/"; document.cookie = "screenHeight=" + screen.height + "; path=/"; } document.cookie = "responsiveGhost=1; path=/"; }; setSizeCookie(); }()); </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="google-site-verification" content="B98-_153U5McxjbDA9JGpT_Y1L_Ks55KNqoKTAZ_YiQ" /> <meta name= ”description” content=”A community surrounded by three national parks, in Cedar City (pop. 31,000) you will discover a unique city complete with world-renowned theatricals, astounding beauty, and unbelievable outdoor recreation. It is the home of Southern Utah University, the Utah Shakespeare Festival, the Utah Summer Games as well as many other outdoor recreational events and festivals.”> <meta name="category0" content="Home" /> <meta name="category1" content="Departments" /> <meta name="category2" content="Police" /> <meta name="theme-color" content="#ddd0bf"> <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> <title>Police | Cedar City, UT - Official Website</title> <meta name="description" content=""> <script src="/Assets/Scripts/jQuery/jquery-2.2.4.min.js"></script> <script src="/Assets/Scripts/jQuery/jQuery-migrate-1.4.1.js" type="text/javascript"></script>     <script type="text/javascript"></script> <link href="/2045813088.css" rel="stylesheet" type="text/css" /> <link href="/1065312838.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> <script type="text/javascript"> window.Pages = window.Pages || {}; // FrontEnd RWD initialization window.Pages.rwdReady = $.Deferred(); window.Pages.toolBarDeferred = $.Deferred(); window.Pages.rwdSetupComplete = $.Deferred(); window.Pages.megaMenuLoaded = $.Deferred(); window.Pages.angularToolbarComplete = $.Deferred(); window.Pages.frontEndToolbarComplete = $.Deferred(); </script>  <script src="/17424598.js" type="text/javascript"></script>     <script type="text/javascript"> setEditorVariables(false, 840); function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } </script> <script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script> </head> <body class="wide " > <script>jQuery(document).click(function (event) { var target = jQuery(event.target); if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Image', eventAction: 'Image - ' + text, eventLabel: window.location.href }); } if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { var text = ""; if (target.parents('.button')[0]) { text = target.parents('.button').first().text(); } else if (target.text().length) { text = target.text(); } else if (target.attr('title').length) { text = target.attr('title'); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Button', eventAction: 'Button - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetCustomHtml').length) { ga('send', { hitType: 'event', eventCategory: 'Custom Html', eventAction: 'Custom Html Clicked', eventLabel: window.location.href }); } if (target.parents('.editor').length) { ga('send', { hitType: 'event', eventCategory: 'Editor', eventAction: 'Editor Link Clicked', eventLabel: window.location.href }); } if (target.parents('.GraphicLinks').length) { var text = ""; var targetGraphicLink = target; if (target.hasClass('widgetGraphicLinksLink')) { targetGraphicLink = jQuery(target.children()[0]); } if (targetGraphicLink.hasClass('text')) { text = targetGraphicLink.text(); } else if (targetGraphicLink.attr('src').length) { if (targetGraphicLink.attr('alt').length) { text = targetGraphicLink.attr('alt'); } else { text = targetGraphicLink.attr('src'); } } else { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Graphic Links', eventAction: 'Graphic Link - ' + text, eventLabel: window.location.href }); } if (target.parents('.InfoAdvanced').length) { ga('send', { hitType: 'event', eventCategory: 'Info Advanced', eventAction: 'Info Advanced Clicked', eventLabel: window.location.href }); } if (target.parents('.list').length) { ga('send', { hitType: 'event', eventCategory: 'List', eventAction: 'List Clicked', eventLabel: window.location.href }); } if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); var breadCrumbs = []; jQuery('.breadCrumbs > li').each(function () { breadCrumbs.push(this.textContent); }); var pageTitle = breadCrumbs.join('>'); var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); var text = ""; if (pageTitle) { text += pageTitle + " | "; } else { text += document.title + ' - '; } if (target.text() == "" && megaMenuText == "") { text += "N/A"; } else if (target.text().length && megaMenuText.length) { if (megaMenuText == target.text()) { text += megaMenuText; } else { text += megaMenuText + " - " + subTitleText + " - " + target.text(); } } else if (target.text() == "") { text += megaMenuText; } else { text += target.text(); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Mega Menu', eventAction: 'Mega Menu : ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'News Flash', eventAction: 'News Flash - ' + text, eventLabel: window.location.href }); } if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { var text = target.text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Quick Links', eventAction: 'Quick Links - ' + text, eventLabel: window.location.href }); } if (target.attr('src') && target.parents('.cpSlideshow').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Slideshow', eventAction: 'Slideshow - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetText').length) { ga('send', { hitType: 'event', eventCategory: 'Text', eventAction: 'Text Link Clicked', eventLabel: window.location.href }); } });</script> <div id="fb-root"></div> <div id=skipToContentLinks> <a href="#ccee265c3c-15f0-4318-a4ba-932dd4272290" target="_self" class="skipToContentLink">Skip to Main Content</a> </div> <form id="frmReferenceFormForTelerikEditorDialogs"></form> <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> <input type="hidden" id="hdnStructureID" value="8" /> <input type="hidden" id="hdnContentCollectionID" value="3ab5ea92-4543-44db-8ff8-b373853e4264" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="16" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="2359" /> <div id="stickyPlaceholder"></div> <div id="outer-wrap" class="outer-wrap"> <div id="inner-wrap" class="inner-wrap"> <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> </div> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> <div data-cpRole="structuralContainer" id="bodyContainerTS"> <header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> <div class="siteWrap"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> <a id="bannerLogoTS-40" style=" display: block; text-align: center; " class="bannerObject" href="/2359" target="_self"><img alt="Home page" class="bannerObject" height="614" src="/ImageRepository/Document?documentID=16382" width="512" /></a> </div><div data-cpRole="contentContainer" id="socialTS"> <div id="cc5c8b2eec-03e8-4561-a083-ca83a58437bd" data-containerid="5c8b2eec-03e8-4561-a083-ca83a58437bd" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="323a74da-c6b0-4f02-a056-261e88928293"> <div class="row nest first last wide"> <div class="inner col col24 first last id75535737-d934-42d7-bd30-39bd57b2d14e" style="" data-widgetcontainerid="75535737-d934-42d7-bd30-39bd57b2d14e"> <div data-widget-id="a492b555-465d-47d7-a24b-449304eb3281" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgeta492b555-465d-47d7-a24b-449304eb3281" class="widget widgetGraphicLinks skin20 widgetOptionSet31 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid4 "> <div class="row autoWidths center wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/Cedarcitypolice" target="_blank" aria-label=" graphic opens in new window"><img src="/ImageRepository/Document?documentID=16280" class="graphicButtonLink" alt="" onmouseover="this.src='/ImageRepository/Document?documentID=16280'" onmouseout="this.src='/ImageRepository/Document?documentID=16280'" onfocus="this.src='/ImageRepository/Document?documentID=16280'" onblur="this.src='/ImageRepository/Document?documentID=16280'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/officialcedarcity" target="_blank" aria-label=" graphic opens in new window"><img src="/ImageRepository/Document?documentID=16281" class="graphicButtonLink" alt="" onmouseover="this.src='/ImageRepository/Document?documentID=16281'" onmouseout="this.src='/ImageRepository/Document?documentID=16281'" onfocus="this.src='/ImageRepository/Document?documentID=16281'" onblur="this.src='/ImageRepository/Document?documentID=16281'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://twitter.com/cedar_police" target="_blank" aria-label=" graphic opens in new window"><img src="/ImageRepository/Document?documentID=16288" class="graphicButtonLink" alt="" onmouseover="this.src='/ImageRepository/Document?documentID=16288'" onmouseout="this.src='/ImageRepository/Document?documentID=16288'" onfocus="this.src='/ImageRepository/Document?documentID=16288'" onblur="this.src='/ImageRepository/Document?documentID=16288'"> </a></div></div></div><div class="col col1 last"><div class="semanticList"></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> <ol id="mainNavMenu" data-parent="2359" class="rootNavMenu" role="menu"><li id="MainItem1032" class="topMenuItem" role="none" data-pageid="1032" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavDivisions" class="navMainItem mainNavItem mainNavItem1" href="/1032/Divisions" target = "_self" > Divisions </a> </li><li id="MainItem2397" class="topMenuItem" role="none" data-pageid="2397" data-displaymegamenu="False"> <a role="menuitem" id="mainNavCrimeDashboard" class="navMainItem mainNavItem mainNavItem2" href="https://bci.utah.gov/crime-in-utah-dashboards/" target="_blank"> Crime Dashboard </a> </li><li id="MainItem2396" class="topMenuItem" role="none" data-pageid="2396" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem3" href="/2396/How-Do-I" target = "_self" > How Do I... </a> </li><li id="MainItem2431" class="topMenuItem" role="none" data-pageid="2431" data-displaymegamenu="False"> <a role="menuitem" id="mainNavDirectory" class="navMainItem mainNavItem mainNavItem4" href="https://cedarcity.org/Directory.aspx?did=31" target="_self"> Directory </a> </li> </ol> <script type="text/javascript"> document.addEventListener('DOMContentLoaded',function () { var menuID = 'mainNavMenu'; var menuType = MAIN_MENU; //setup menu manager properties for main menu if (!menuManager.mobileMainNav && true) menuManager.adjustMainItemsWidth('#' + menuID); menuManager.isMainMenuEditable = false; menuManager.mainMenuMaxSubMenuLevels = 4; menuManager.setMOMMode(2, menuType); //Init main menu var setupDraggable = menuManager.isMainMenuEditable; var urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=2359&moduleID=&themeID=16&menuContainerID=mainNav'; menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); menuManager.mainMenuInit = true; menuManager.mainMenuTextResizer = false; if (1.00 > 0) menuManager.mainMenuTextResizerRatio = 1.00; if (window.isResponsiveEnabled) menuManager.mainMenuReady.resolve(); }); </script> <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="mainNavMegaMenu1032" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1032 hidden" data-orientation="horizontal"> <div id="ccae7b7e4f-8448-4460-ae81-df8d0567a4da" data-containerid="ae7b7e4f-8448-4460-ae81-df8d0567a4da" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu2396" class="contentTop mainNavMegaMenu megaMenuContainer pageID_2396 hidden" data-orientation="horizontal"> <div id="cc8656cd8b-bb60-4179-8f6a-304732cfdb73" data-containerid="8656cd8b-bb60-4179-8f6a-304732cfdb73" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav></div> </header><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> <div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> <div data-cpRole="structuralContainer" id="bannerSearchTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="searchTS"> <div id="cc2ab5ae19-d114-4b87-8317-17b5c9ab7989" data-containerid="2ab5ae19-d114-4b87-8317-17b5c9ab7989" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="4d7b6cf2-23a9-4ff4-b321-7f9707336b59"> <div class="row nest first last wide"> <div class="inner col col24 first last ida2084684-df51-4f3d-999c-68b8759878d3" style="" data-widgetcontainerid="a2084684-df51-4f3d-999c-68b8759878d3"> <div data-widget-id="5fa36fd7-a24a-43ee-b243-28f37c9e76c3" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv5fa36fd7-a24a-43ee-b243-28f37c9e76c3" class="widget widgetInfoAdvanced skin15 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header5fa36fd7-a24a-43ee-b243-28f37c9e76c3"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p><img src="/ImageRepository/Document?documentId=16376" class="fr-dib" alt="Welcome Message"></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv5fa36fd7-a24a-43ee-b243-28f37c9e76c3 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="497e522b-6428-4923-8f59-4eb84f741b49"> <div class="row nest first last wide"> <div class="inner col col24 first last idb2471eda-4112-45d9-97bb-dc36778a9f42" style="" data-widgetcontainerid="b2471eda-4112-45d9-97bb-dc36778a9f42"> <div data-widget-id="a4809186-f26a-4605-a5e5-1d7e9356e4cf" data-widget-controller-path="/Layout/WidgetSearch"> <script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.1/jquery-ui.min.js"></script> <script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script> <script defer type="text/javascript"> $(document).ready(function () { try { $(".widgetSearchButton.widgetSearchButtona4809186-f26a-4605-a5e5-1d7e9356e4cf").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDepta4809186-f26a-4605-a5e5-1d7e9356e4cf").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchFielda4809186-f26a-4605-a5e5-1d7e9356e4cf").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDepta4809186-f26a-4605-a5e5-1d7e9356e4cf").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDepta4809186-f26a-4605-a5e5-1d7e9356e4cf").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchFielda4809186-f26a-4605-a5e5-1d7e9356e4cf").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDepta4809186-f26a-4605-a5e5-1d7e9356e4cf").is(':checked') || false? '?departmentId=0' : ''), dataType: "json", timeout: 10000, beforeSend: function () { if (currentRequest != null) { currentRequest.abort(); } }, data: { term: request.term, }, success: function (data) { response(data); $('.autoCompleteError').remove(); }, error: function (xmlhttprequest, textstatus, message) { if (textstatus === "timeout") { if ($("#searchFielda4809186-f26a-4605-a5e5-1d7e9356e4cf").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchFielda4809186-f26a-4605-a5e5-1d7e9356e4cf")); } } }); }, html: true, delay: 500, select: function (event, ui) { $(this).val(ui.item.value); $(this).next().click(); } }); $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { return $("<li class=\"itemList\"></li>") .data("ui-autocomplete-item", item) .append("<a>" + item.label + "</a>") .appendTo(ul); }; } } 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. }); </script> <section id="widgetPreviewSearch" class="widget widgetSearch skin26 widgetOptionSet30" style="display: block;" aria-label="Search">  <div class="widgetBody buttonRightInside"> <input class="widgetSearchBox widgetSearchBoxa4809186-f26a-4605-a5e5-1d7e9356e4cf" cp5ph="true" id="searchFielda4809186-f26a-4605-a5e5-1d7e9356e4cf" name="searchField" onchange="searchBtnApplyQuery();" placeholder="I'm Looking For..." title="I'm Looking For..." type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtona4809186-f26a-4605-a5e5-1d7e9356e4cf" role="button"><img alt="Go to Site Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=16277" data-image="/ImageRepository/Document?documentID=16278" src="/ImageRepository/Document?documentID=16278" /></a> <label class="searchLabel" for="searchFielda4809186-f26a-4605-a5e5-1d7e9356e4cf">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #070707; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #070707; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #070707; } .widgetSearch :-ms-input-placeholder { color: #070707; } .widgetSearch .widgetBody .widgetSearchBoxa4809186-f26a-4605-a5e5-1d7e9356e4cf { color: #070707; background: #FFFFFF; border: 10px solid #ffffff80; border-radius: 40px; height: 74px; background-clip: padding-box; font-family: PT Sans; font-style: italic; font-size: 1.1em; padding: 0 75px 0 25px; } .widgetSearch .widgetBody .widgetSearchButtona4809186-f26a-4605-a5e5-1d7e9356e4cf { margin: 12px 12px 0 0; } .widgetSearch .widgetSearch-onlyDepta4809186-f26a-4605-a5e5-1d7e9356e4cf { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDepta4809186-f26a-4605-a5e5-1d7e9356e4cf { position: relative; top: .125em; } </style> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.min.css"> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.theme.min.css"> <script type="text/javascript"> //Updates search icons href to have the correct queryString function searchBtnApplyQuery() { document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFielda4809186-f26a-4605-a5e5-1d7e9356e4cf").value; } </script> </div> </div>  </div>  </div></div>  </div> </div></div> </div> </div> <div id="bannerImagesJSON41" class="hidden"></div> <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> <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> <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> </div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderExternalBannerSlideshow('banner1', {"BannerOptionID":41,"ThemeID":16,"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":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":334,"BannerOptionID":41,"FileName":"/ImageRepository/Document?documentID=16391","Height":750,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, '/App_Themes/Home/Images/', 'Rotating'); }); }); </script> </div> </div><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc2f8351c8-cd2d-4c14-aef0-b1b445993fcf" data-containerid="2f8351c8-cd2d-4c14-aef0-b1b445993fcf" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="30"> <div class="row outer wide"><div class="outer col col8 first" style="" data-widgetcontainerid="c7218107-1899-43c0-a2c9-0859d9776406"> <div class="row nest first last wide"> <div class="inner col col8 first last idd1487887-a2b0-45cc-b2f6-e58c3d200d1c" style="" data-widgetcontainerid="d1487887-a2b0-45cc-b2f6-e58c3d200d1c"> <div data-widget-id="c666c5bd-6b51-40a7-863e-b9792bfc3096" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetc666c5bd-6b51-40a7-863e-b9792bfc3096" class="widget widgetGraphicLinks skin17 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/jobs" target="_self" class="fancyButton fancyButton315 " > <span> <span><span class="text">Careers</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton315.fancyButton:link,.fancyButton315.fancyButton:visited, .fancyButton315div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16570'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton315.fancyButton:hover,.fancyButton315.fancyButton:focus,.fancyButton315.fancyButton:active,.fancyButton315.fancyButton.hover{ background-position: center 0px ; } .fancyButton315.fancyButton:link > span,.fancyButton315.fancyButton:visited > span, .fancyButton315div.fancyButton > span{ } .fancyButton315.fancyButton:hover > span,.fancyButton315.fancyButton:focus > span,.fancyButton315.fancyButton:active > span,.fancyButton315.fancyButton.hover > span{ } .fancyButton315.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton315.fancyButton:hover .text,.fancyButton315.fancyButton:focus .text,.fancyButton315.fancyButton:active .text,.fancyButton315.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: center 30px ; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/1284/Records-Request-Form-GRAMA" target="_self" class="fancyButton fancyButton316 " > <span> <span><span class="text">Records Request</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton316.fancyButton:link,.fancyButton316.fancyButton:visited, .fancyButton316div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16567'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton316.fancyButton:hover,.fancyButton316.fancyButton:focus,.fancyButton316.fancyButton:active,.fancyButton316.fancyButton.hover{ background-position: center 0px ; } .fancyButton316.fancyButton:link > span,.fancyButton316.fancyButton:visited > span, .fancyButton316div.fancyButton > span{ } .fancyButton316.fancyButton:hover > span,.fancyButton316.fancyButton:focus > span,.fancyButton316.fancyButton:active > span,.fancyButton316.fancyButton.hover > span{ } .fancyButton316.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton316.fancyButton:hover .text,.fancyButton316.fancyButton:focus .text,.fancyButton316.fancyButton:active .text,.fancyButton316.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: center 30px ; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col8" style="" data-widgetcontainerid="767456a3-211b-4540-8f34-973dd353b1a3"> <div class="row nest first last wide"> <div class="inner col col8 first last id90f734f7-d89b-48d0-ab41-c9d0bb3a4d89" style="" data-widgetcontainerid="90f734f7-d89b-48d0-ab41-c9d0bb3a4d89"> <div data-widget-id="2c44c5c7-346f-47d7-ae83-3fcb43c6b9bf" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget2c44c5c7-346f-47d7-ae83-3fcb43c6b9bf" class="widget widgetGraphicLinks skin17 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/1033/Services" target="_self" class="fancyButton fancyButton317 " > <span> <span><span class="text">Services</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton317.fancyButton:link,.fancyButton317.fancyButton:visited, .fancyButton317div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16569'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton317.fancyButton:hover,.fancyButton317.fancyButton:focus,.fancyButton317.fancyButton:active,.fancyButton317.fancyButton.hover{ background-position: center 0px ; } .fancyButton317.fancyButton:link > span,.fancyButton317.fancyButton:visited > span, .fancyButton317div.fancyButton > span{ } .fancyButton317.fancyButton:hover > span,.fancyButton317.fancyButton:focus > span,.fancyButton317.fancyButton:active > span,.fancyButton317.fancyButton.hover > span{ } .fancyButton317.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton317.fancyButton:hover .text,.fancyButton317.fancyButton:focus .text,.fancyButton317.fancyButton:active .text,.fancyButton317.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: center 30px ; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/2475/File-a-Report" target="_self" class="fancyButton fancyButton318 " > <span> <span><span class="text">File a Report</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton318.fancyButton:link,.fancyButton318.fancyButton:visited, .fancyButton318div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16566'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton318.fancyButton:hover,.fancyButton318.fancyButton:focus,.fancyButton318.fancyButton:active,.fancyButton318.fancyButton.hover{ background-position: center 0px ; } .fancyButton318.fancyButton:link > span,.fancyButton318.fancyButton:visited > span, .fancyButton318div.fancyButton > span{ } .fancyButton318.fancyButton:hover > span,.fancyButton318.fancyButton:focus > span,.fancyButton318.fancyButton:active > span,.fancyButton318.fancyButton.hover > span{ } .fancyButton318.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton318.fancyButton:hover .text,.fancyButton318.fancyButton:focus .text,.fancyButton318.fancyButton:active .text,.fancyButton318.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: center 30px ; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col8 last" style="" data-widgetcontainerid="2b1cfb07-d552-4844-8e3a-39646a66e6dc"> <div class="row nest first last wide"> <div class="inner col col8 first last id1af834dc-2a6a-4e12-aa74-7c17e9f3b02d" style="" data-widgetcontainerid="1af834dc-2a6a-4e12-aa74-7c17e9f3b02d"> <div data-widget-id="0474ba28-79c9-4bb1-8dc9-aafe3c91bf80" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget0474ba28-79c9-4bb1-8dc9-aafe3c91bf80" class="widget widgetGraphicLinks skin17 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://buycrash.lexisnexisrisk.com/search?AGENCY=UT0110100" target="_self" class="fancyButton fancyButton319 " > <span> <span><span class="text">Request a Report</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton319.fancyButton:link,.fancyButton319.fancyButton:visited, .fancyButton319div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16565'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton319.fancyButton:hover,.fancyButton319.fancyButton:focus,.fancyButton319.fancyButton:active,.fancyButton319.fancyButton.hover{ background-position: center 0px ; } .fancyButton319.fancyButton:link > span,.fancyButton319.fancyButton:visited > span, .fancyButton319div.fancyButton > span{ } .fancyButton319.fancyButton:hover > span,.fancyButton319.fancyButton:focus > span,.fancyButton319.fancyButton:active > span,.fancyButton319.fancyButton.hover > span{ } .fancyButton319.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton319.fancyButton:hover .text,.fancyButton319.fancyButton:focus .text,.fancyButton319.fancyButton:active .text,.fancyButton319.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: center 30px ; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/1041/Forms" target="_self" class="fancyButton fancyButton320 " > <span> <span><span class="text">Forms</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton320.fancyButton:link,.fancyButton320.fancyButton:visited, .fancyButton320div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16568'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton320.fancyButton:hover,.fancyButton320.fancyButton:focus,.fancyButton320.fancyButton:active,.fancyButton320.fancyButton.hover{ background-position: center 0px ; } .fancyButton320.fancyButton:link > span,.fancyButton320.fancyButton:visited > span, .fancyButton320div.fancyButton > span{ } .fancyButton320.fancyButton:hover > span,.fancyButton320.fancyButton:focus > span,.fancyButton320.fancyButton:active > span,.fancyButton320.fancyButton.hover > span{ } .fancyButton320.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton320.fancyButton:hover .text,.fancyButton320.fancyButton:focus .text,.fancyButton320.fancyButton:active .text,.fancyButton320.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: center 30px ; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="mainContainerTS"> <div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> <div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> <div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> <div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"><script type='text/javascript'>$('#breadCrumbs').hide();</script></div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="2359" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="8" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="18903" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Police" /> <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" /> <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> <div id="ccee265c3c-15f0-4318-a4ba-932dd4272290" data-containerid="ee265c3c-15f0-4318-a4ba-932dd4272290" class="pageContent cpGrid cpGrid24" > </div> </div> <div class="newCP"> </div> </div> </div> </div> </div></div> </div><div data-cpRole="structuralContainer" id="homeContainer1TS"><div class="inner"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent1TS"> <div id="cc92d45dbf-8069-4cec-a232-a1b16f305614" data-containerid="92d45dbf-8069-4cec-a232-a1b16f305614" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="ea3467dd-4c46-4a92-a07b-da795db476c9"> <div class="row nest first last wide"> <div class="inner col col24 first last ida0474ee8-eaaa-4e78-a82a-06bd755ecd38" style="" data-widgetcontainerid="a0474ee8-eaaa-4e78-a82a-06bd755ecd38"> <div data-widget-id="64e51255-981a-49c3-a802-d70593688b0e" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv64e51255-981a-49c3-a802-d70593688b0e" class="widget widgetInfoAdvanced skin31 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header64e51255-981a-49c3-a802-d70593688b0e"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline">Divisions</h1><p>QUICKLY FIND WHAT YOU ARE LOOKING FOR</p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv64e51255-981a-49c3-a802-d70593688b0e .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  </div> </div></div></div> </div><div data-cpRole="structuralContainer" id="homeContainer2TS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent2TS"> <div id="cc2a95f758-772e-46a0-8aa4-bd5e9e342940" data-containerid="2a95f758-772e-46a0-8aa4-bd5e9e342940" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="87e4d306-7bae-462b-a81e-2d3bf6d5853f"> <div class="row nest first last wide"> <div class="inner col col24 first last id159c554f-91ee-492d-98ad-52afe046002b" style="" data-widgetcontainerid="159c554f-91ee-492d-98ad-52afe046002b"> <div data-widget-id="21c68756-67a8-4722-b4f9-d3e366c6a4ec" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink21c68756-67a8-4722-b4f9-d3e366c6a4ec" class="widget widgetQuickLinks skin32 widgetOptionSet13 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> <header class="widgetHeader" id="quickLinksHeader21c68756-67a8-4722-b4f9-d3e366c6a4ec"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid3 "> <div class="row narrow"> <div class="col col1 first "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://cedarcity.org/2425/Code-Enforcement" target="_self" >Code Enforcement</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/2416/Patrol-Division" target="_self" >Patrol</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/2422/Animal-Control" target="_self" >Animal Control</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/2424/Administration-Division" target="_self" >Administration</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/2418/Operations-Division" target="_self" >Operations</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/2420/Public-Affairs" target="_self" >Public Affairs</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://cedarcity.org/Directory.aspx?did=31" target="_blank" aria-label="Staff Directory opens in new window">Staff Directory</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="homeContainer3TS"><div class="inner"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent3TS"> <div id="ccaaeb01ce-9ebe-4d58-9f0d-a81ec5dccc35" data-containerid="aaeb01ce-9ebe-4d58-9f0d-a81ec5dccc35" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="395e0987-e780-4b59-b465-9753f6b894a0"> <div class="row nest first last wide"> <div class="inner col col24 first last id2b0dc037-9a8f-4610-a44b-0da3b8c3f6d2" style="" data-widgetcontainerid="2b0dc037-9a8f-4610-a44b-0da3b8c3f6d2"> <div data-widget-id="ade52f05-75da-4ce3-bc5c-a99cad450d54" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvade52f05-75da-4ce3-bc5c-a99cad450d54" class="widget widgetInfoAdvanced skin31 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headerade52f05-75da-4ce3-bc5c-a99cad450d54"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline" style="text-align: right;">Follow us on Facebook</h1><p style="text-align: right;">For recent announcements & updates</p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdvade52f05-75da-4ce3-bc5c-a99cad450d54 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  </div> </div></div></div> </div><div data-cpRole="structuralContainer" id="homeContainer4TS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent4TS"> <div id="cc3cb99bca-fcf3-47f3-858d-951b66bf58e8" data-containerid="3cb99bca-fcf3-47f3-858d-951b66bf58e8" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="60"> <div class="row outer wide"><div class="outer col col8 first" style="" data-widgetcontainerid="8aaf7cd9-b34e-40e3-84f2-4c076e62c6bc"> <div class="row nest first last wide"> <div class="inner col col8 first last idfe099fc2-23d4-4922-bb24-a67dc81aec5d" style="" data-widgetcontainerid="fe099fc2-23d4-4922-bb24-a67dc81aec5d"> <div class="widget slideShow skin34" role="region" aria-label="Slideshow" id="slideshowfda83172-4216-4d68-b382-ce25de9bf472" aria-haspopup="false" data-widgetID="fda83172-4216-4d68-b382-ce25de9bf472"> <input type="hidden" class="slideTiming" value="5"/> <input type="hidden" class="transitionTiming" value="1"/> <input type="hidden" class="hdnSlideshowUniqueID" value="2268" /> <div id="divSlideshow2268" class="cpSlideshow widgetBody cpSlideshowJS2268 narrow"> <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" /> <script src="/-358974846.js" type="text/javascript"></script> <div class="cpWindow cpWindowJS2268 "> <ol class="semanticList cpSlider fade cpSliderJS2268"> <li class="hidden" id="2268_12766" data-index="0" aria-hidden="true"> <a href="https://bit.ly/subscribe2cedar" target="_blank"> <img src="/ImageRepository/Document?documentID=16616" class="" alt="Scenic image with text overlay saying subscribe to our newsletter" title="Scenic image with text overlay saying subscribe to our newsletter" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2268" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Subscribe to our e-newsletter!</h4> <p class="widgetDesc widgetItem">Subscribe to our e-newsletter and receive news straight to your email!</p> </div> </div> </a> </li> <li class="hidden" id="2268_12768" data-index="1" aria-hidden="true"> <a href="https://www.cedarcityut.gov/2417/K9-Unit" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17902" class="" alt="CCPD_K9Event-04481" title="CCPD_K9Event-04481" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2268" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Donate to our K9 team</h4> <p class="widgetDesc widgetItem">"Enhancing public safety through expert detection, search, and apprehension while strengthening community trust with dedicated K9 teams."</p> </div> </div> </a> </li> <li class="hidden" id="2268_12769" data-index="2" aria-hidden="true"> <a href="https://vimeo.com/840962995?share=copy" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16879" class="" alt="Parade Safety with police and city logo" title="Parade Safety with police and city logo" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2268" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">VIDEO: Parade Safety in Cedar City</h4> <p class="widgetDesc widgetItem">Watch this special message from Cedar City Police and Cedar City Events on how we can work together to have a safe and fun time.</p> </div> </div> </a> </li> <li class="hidden" id="2268_12767" data-index="3" aria-hidden="true"> <a href="https://cedarcity.org/976/Animal-Services" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16736" class="" alt="donate animal shelter" title="donate animal shelter" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2268" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Donate to our Animal Shelter</h4> <p class="widgetDesc widgetItem">Our mission is to find homes for as many adoptable animals as possible, while also addressing the animal control needs of our community.</p> </div> </div> </a> </li> </ol> <div class="contentSlideshowControls"> <button class="arrowNew next nextJS2268 alwaysDisplayArrowNew " aria-label="Next Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use> </svg> </button> <button class="arrowNew prev prevJS2268 alwaysDisplayArrowNew " aria-label="Previous Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use> </svg> </button> </div> </div> <div aria-live="polite" aria-atomic="true" class="liveRegionJS2268 visuallyhidden"></div> <script type="text/javascript"> //  </script> </div> <script type="text/javascript"> (function () { const widgetHandlers = function (e) { $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div> <script type="text/javascript"> function SlideshowWidgetCallback(widgetID, response) { if (window.ContentCollectionInstance.IsWorkingCopy) { //Remove this field since the partial view adds it back. $('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove(); if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0) $('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response); else $('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response); contentUpdated(); } else { ContentCollectionInstance.reloadContent(); } $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); } (function (){ const widgetHandlers = function () { var hasEditRights = false; if (window.File && window.FileList && window.FileReader && hasEditRights) { var SlideshowWidget = 3; makeWidgetAreaDroppable('fda83172-4216-4d68-b382-ce25de9bf472', $('#slideshow' + 'fda83172-4216-4d68-b382-ce25de9bf472'), SlideshowWidget, true, SlideshowWidgetCallback); } if(hasEditRights) browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + 'fda83172-4216-4d68-b382-ce25de9bf472'), 'Click to start adding images.'); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div>  </div>  </div><div class="outer col col8" style="" data-widgetcontainerid="dd23a9da-182e-4803-aa63-9654af339cc7"> <div class="row nest first last wide"> <div class="inner col col8 first last id2878e242-1183-4720-bfc2-92b2e4178ad5" style="" data-widgetcontainerid="2878e242-1183-4720-bfc2-92b2e4178ad5"> <div class="widget widgetSpacer" id="6876cf6f-10d8-4909-a996-493830d9fbbe"></div> </div>  </div>  </div><div class="outer col col8 last" style="" data-widgetcontainerid="bd002a2d-8382-42cf-bb27-f5c1c3646cc1"> <div class="row nest first last wide"> <div class="inner col col8 first last id22970a3b-ea6a-4e25-8ea8-35dda52e1677" style="" data-widgetcontainerid="22970a3b-ea6a-4e25-8ea8-35dda52e1677"> <div data-widget-id='586ca5fa-be7e-4ec8-b041-8cc5d4dca7f2' data-moduleName="customHtml" id='widgetCustomHtml586ca5fa-be7e-4ec8-b041-8cc5d4dca7f2' class="widget widgetCustomHtml skin26 narrow" > <div class="widgetBody pageStyles" id="widgetBody586ca5fa-be7e-4ec8-b041-8cc5d4dca7f2"> <div id="customHtml586ca5fa-be7e-4ec8-b041-8cc5d4dca7f2"><div> <div class="facebook-container"> 聽聽聽 <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FCedarcitypolice%2F&tabs=timeline&width=400&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="400" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> </div>  <style> 聽聽聽 [class^="facebook-container"] { 聽聽聽聽聽聽聽 text-align: center; 聽聽聽 } 聽 </style> <script> 聽聽聽 (function() 聽聽聽 { 聽聽聽聽聽聽聽 // If you do not want to maintain aspect ratio: set to zero 聽聽聽聽聽聽聽 const aspectRatio = 1.4; 聽聽聽聽聽聽聽 const selectors = [".facebook-container"]; 聽聽聽聽聽聽聽 const minWidth = 220; 聽聽聽聽聽聽聽const maxWidth = 500; // Facebook widget will not expand past 500 聽聽聽聽聽聽聽 const minHeight = 500; 聽聽聽聽聽聽聽 const maxHeight = 500; 聽聽聽聽聽聽聽 const widthRegexp = /(width=)([0-9]+)/; 聽聽聽聽聽聽聽 const heightRegexp = /(height=)([0-9]+)/; 聽聽聽聽聽聽聽聽 let width = 0; 聽聽聽聽聽聽聽let height = 0; 聽聽聽聽聽聽聽聽 function clamp__TS(num, min, max) 聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽 return Math.min(Math.max(num, min), max); 聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽 function adjustFacebookContainers__TS() 聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽 for (const sel of selectors) 聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 adjustContainer__TS(sel); 聽聽聽聽聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽 function adjustContainer__TS(selector) 聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽 const container = $(selector); 聽聽聽聽聽聽聽聽聽聽聽 const frame = $(selector + " > iframe"); 聽聽聽聽聽聽聽聽聽聽聽 if (frame === undefined || frame.length === 0) 聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 console.warn("No facebook widget found..."); 聽聽聽聽聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽聽聽聽 else 聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 const rawSrc = frame.attr("src"); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 const containerWidth = container.width(); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 // Container is hidden, probably "display: none;" 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 if (containerWidth === 0) 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 const parents = container.parents(); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 for (let i = 0; i < parents.length; i++) 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 const parent = $(parents[i]); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 if (parent.css("display") === "none") 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽{ 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 let mobileTab = parent.siblings(); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 mobileTab = mobileTab[mobileTab.length - 1]; 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 if (!mobileTab) 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 console.error("Warning: No mobile tab found for facebook container, returning...") 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 return; 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 let tabbedWidget = parents.filter(function(_, e) 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽return e.classList.contains("widget") && e.classList.contains("widgetTabbed"); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 if (tabbedWidget.length !== 1) 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽console.error("Warning: No tab list found for facebook container, returning...") 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 return; 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 tabbedWidget = tabbedWidget[0]; 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 let desktopTab = $(tabbedWidget).select(".tabbedWidget.cpTabs"); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 if (desktopTab.length !== 1) 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 console.error("Warning: No desktop tabs found for facebook container, returning...") 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 return; 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 desktopTab = desktopTab[0]; 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 /* 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽// Get .cpTabPanels 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 let desktopTab = parent.parent(); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 // Get .cpTabs 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 desktopTab = desktopTab.siblings(); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 desktopTab = desktopTab[0]; 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 // Get the matching tab (from the mobile tab text) 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 desktopTab = $(desktopTab).children(); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 desktopTab = desktopTab.filter((j, elem) => $(elem).text().trim() === $(mobileTab).text().trim())[0]; 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 console.log(desktopTab);*/ 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 const desktopHandler = () => 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 adjustContainer__TS(selector); desktopTab.removeEventListener("click", desktopHandler); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 const mobileHandler = () => 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 adjustContainer__TS(selector); mobileTab.removeEventListener("click", mobileHandler); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 desktopTab.addEventListener("click", desktopHandler); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 mobileTab.addEventListener("click", mobileHandler); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 break; 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽} 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 return; 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 width = clamp__TS(containerWidth, minWidth, maxWidth); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 height = clamp__TS(Math.floor(width * aspectRatio), minHeight, maxHeight); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽// Replace src and style on iframe 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 try 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 const oldWidth = rawSrc.match(widthRegexp); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 const oldHeight = rawSrc.match(heightRegexp); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 if (width === parseInt(oldWidth[2]) && height === parseInt(oldHeight[2])) 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 return; 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 const newSrc = rawSrc 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 .replace(widthRegexp, "width=" + parseInt(width)) 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽.replace(heightRegexp, "height=" + parseInt(height)); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 // Set attributes on frame 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 frame.attr("src", newSrc); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 frame.css("width", width); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 frame.css("height", height); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 catch (e) 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 console.warn("Failed replacing width & height"); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 console.warn(e); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽 } 聽聽聽聽聽聽聽聽 let adjustTimeoutFn; 聽聽聽聽聽聽聽 $(window).load(function() 聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽 setTimeout(function() 聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 adjustFacebookContainers__TS(); 聽聽聽聽聽聽聽聽聽聽聽 }, 750); 聽聽聽聽聽聽聽聽聽聽聽聽 $(window).resize(function() 聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 clearTimeout(adjustTimeoutFn); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 adjustTimeoutFn = setTimeout(function() 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 adjustFacebookContainers__TS(); 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 }, 750); 聽聽聽聽聽聽聽聽聽聽聽 }); 聽聽聽聽聽聽聽聽聽聽聽聽 $.when(window.Pages.angularToolbarComplete).done(function() 聽聽聽聽聽聽聽聽聽聽聽 { 聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 adjustFacebookContainers__TS(); 聽聽聽聽聽聽聽聽聽聽聽 }); 聽聽聽聽聽聽聽 }); 聽聽聽 })(); 聽 </script>  </div></div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="homeContainer5TS"><div class="inner"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent5TS"> <div id="cce5ed5fb3-d61a-493f-87d1-dba74be0288a" data-containerid="e5ed5fb3-d61a-493f-87d1-dba74be0288a" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="2cfa2122-c445-4b66-be6a-e76642d1843a"> <div class="row nest first last wide"> <div class="inner col col24 first last id8fb45225-71b0-4d99-8f07-db3fd8db98c6" style="" data-widgetcontainerid="8fb45225-71b0-4d99-8f07-db3fd8db98c6"> <div data-widget-id="0df89172-1e5d-48db-b849-7923fe486b3d" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv0df89172-1e5d-48db-b849-7923fe486b3d" class="widget widgetInfoAdvanced skin31 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header0df89172-1e5d-48db-b849-7923fe486b3d"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline">News & Trending Topics</h1><p>Latest News & Highlights</p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv0df89172-1e5d-48db-b849-7923fe486b3d .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  </div> </div></div></div> </div><div data-cpRole="structuralContainer" id="homeContainer6TS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent6TS"> <div id="cc55976e70-a4f2-4c31-ba90-fe1b26ab48cf" data-containerid="55976e70-a4f2-4c31-ba90-fe1b26ab48cf" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="8587ae20-a936-45f1-b775-808a7983bed0"> <div class="row nest first last wide"> <div class="inner col col24 first last idaee02f85-d747-4b77-8454-8a48ca447050" style="" data-widgetcontainerid="aee02f85-d747-4b77-8454-8a48ca447050"> <div data-widget-id="afcf25fa-cf49-4678-bffd-523f8c6d4a68" data-widget-controller-path="/NewsFlash/Widget"> <script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script> <script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script> <section class="widget widgetNewsFlash skin33 widgetOptionSet33 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlashafcf25fa-cf49-4678-bffd-523f8c6d4a68" data-elementqueryclasses='{"wide-narrow":"min-width:60em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> <div class="widgetBody cpGrid cpGrid1 "> <div class="cpCarousel cpCarouselafcf25fa-cf49-4678-bffd-523f8c6d4a68"> <div class="cpWindow cpWindowafcf25fa-cf49-4678-bffd-523f8c6d4a68"> <ol class="semanticList cpSlider"> <li class="widgetItem" data-index="0"> <a href="https://cedarcity.org/624/Media-Room-Public-Information" target="_blank"><img class="media" src="/ImageRepository/Document?documentID=16735" alt="MEDIA ROOM" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader683" class="widgetTitle"> <a href="https://cedarcity.org/624/Media-Room-Public-Information" target="_blank">Media Room & Press Releases </a> </h4> <div class="widgetDesc"> Read recent press releases and stay connected. <a href="https://cedarcity.org/624/Media-Room-Public-Information" target="_blank" rel="noopener" class="readOn">Click here...</a> </div> </div> </li> <li class="widgetItem" data-index="1"> <a href="/CivicAlerts.aspx?AID=696" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17170" alt="Police Public Notice" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader696" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=696" target="_self">Public Notices </a> </h4> <div class="widgetDesc"> View the Public Notices for Cedar City Police Department. <a id="newsFlashReadOn696" href="/CivicAlerts.aspx?AID=696" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader696 newsFlashReadOn696">Read on...</a> </div> </div> </li> </ol> </div> </div> <script type="text/javascript"> //  </script> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/CivicAlerts.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  </div> </div></div> </div><footer data-cpRole="structuralContainer" id="footerContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc8f6226d4-8d70-4a88-8035-ceca05f0c87c" data-containerid="8f6226d4-8d70-4a88-8035-ceca05f0c87c" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="60"> <div class="row outer wide"><div class="outer col col4 first" style="" data-widgetcontainerid="a2edc77c-4c7e-49a5-b706-7f1dc89a8a71"> <div class="row nest first last wide"> <div class="inner col col4 first last id77fb27b1-6486-4699-8c42-c43f86beab69" style="" data-widgetcontainerid="77fb27b1-6486-4699-8c42-c43f86beab69"> <div data-widget-id="65025692-c1e9-4b3a-99e4-bb7369c04a1e" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv65025692-c1e9-4b3a-99e4-bb7369c04a1e" class="widget widgetInfoAdvanced skin15 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header65025692-c1e9-4b3a-99e4-bb7369c04a1e"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p><img src="/ImageRepository/Document?documentId=16279" class="fr-dib" alt="Cedar City"></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv65025692-c1e9-4b3a-99e4-bb7369c04a1e .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="b33833f2-e552-4283-bc80-1122fed0ba62"> <div class="row nest first last wide"> <div class="inner col col1 first last id746d7aaa-73c2-47ee-a51f-730594f90b72" style="" data-widgetcontainerid="746d7aaa-73c2-47ee-a51f-730594f90b72"> <div class="widget widgetSpacer" id="2bee0e4b-b089-48fd-be31-28a2f2716f1f"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="f795932a-746c-4bdd-aa6e-3970ee45f48a"> <div class="row nest first last wide"> <div class="inner col col4 first last id9bfec841-18b2-43ff-b8ea-3eee23acb5ec" style="" data-widgetcontainerid="9bfec841-18b2-43ff-b8ea-3eee23acb5ec"> <div data-widget-id="3abd7696-5823-45b0-9844-f61803f9c217" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv3abd7696-5823-45b0-9844-f61803f9c217" class="widget widgetInfoAdvanced skin18 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header3abd7696-5823-45b0-9844-f61803f9c217"> <header class="widgetHeader" id="header3abd7696-5823-45b0-9844-f61803f9c217"> <div class=""> <h3 >Contact Us</h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p>Emergency: 911<br><br>24-Hour Dispatch Center<br>(non-emergency):<br><a href="http://435-586-2955">435-586-2955</a><a href="http://435-586-2956"><br></a><br>After Hours/Weekends:<br><a href="http://435-586-2955">435-586-2955</a> or 911 (If Emergency) </p><p><strong>Office Hours (Front Desk)</strong><br>Monday through Friday<br>9 am to 5 pm<br><a href="http://435-586-2956" id="isPasted">435-586-2956</a></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv3abd7696-5823-45b0-9844-f61803f9c217 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="ed9fd459-d448-4164-9a3a-ce78585af6d2"> <div class="row nest first last wide"> <div class="inner col col1 first last id0a112335-465b-41dd-bb4f-84d647b04547" style="" data-widgetcontainerid="0a112335-465b-41dd-bb4f-84d647b04547"> <div class="widget widgetSpacer" id="db658ce3-1701-43a5-81c4-add7ed5161f8"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="7dd57356-baa0-4134-926e-db4d33016dc1"> <div class="row nest first last wide"> <div class="inner col col4 first last id04a6362a-2ece-4d5c-a68b-5c264c3bc475" style="" data-widgetcontainerid="04a6362a-2ece-4d5c-a68b-5c264c3bc475"> <div data-widget-id="f1e1dc12-1fd0-43e8-b082-5d33e786b2c6" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkf1e1dc12-1fd0-43e8-b082-5d33e786b2c6" class="widget widgetQuickLinks skin18 widgetOptionSet13 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderf1e1dc12-1fd0-43e8-b082-5d33e786b2c6"> <header class="widgetHeader" id="quickLinksHeaderf1e1dc12-1fd0-43e8-b082-5d33e786b2c6"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=10" >Quick Links</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://ironcounty.net/" target="_blank" aria-label="Iron County Government opens in new window">Iron County Government</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://www.utah.gov/" target="_blank" aria-label="State Government opens in new window">State Government</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.cedarcity.org/726/Intranet" target="_self" >Employee Portal</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="52f44c8d-61a8-4a4b-9f09-886b174245b3"> <div class="row nest first last wide"> <div class="inner col col1 first last id803fbe91-feeb-4b62-94e5-987c885c447d" style="" data-widgetcontainerid="803fbe91-feeb-4b62-94e5-987c885c447d"> <div class="widget widgetSpacer" id="45847ead-974e-4e41-b29b-13c43302460b"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="f197843e-379b-40cf-8572-0947966a14f2"> <div class="row nest first last wide"> <div class="inner col col4 first last id2e0b485e-6e70-4e78-89c3-fa5782c6d851" style="" data-widgetcontainerid="2e0b485e-6e70-4e78-89c3-fa5782c6d851"> <div data-widget-id="abea146e-67a8-400b-a810-e271dbd3808e" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkabea146e-67a8-400b-a810-e271dbd3808e" class="widget widgetQuickLinks skin18 widgetOptionSet13 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderabea146e-67a8-400b-a810-e271dbd3808e"> <header class="widgetHeader" id="quickLinksHeaderabea146e-67a8-400b-a810-e271dbd3808e"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=71" >Site Links</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" >Contact Us</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/Accessibility" target="_self" >Accessibility</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://cedarcity.org/" target="_self" >漏 Copyright 2021 All Rights Reserved for Cedar City Corporation</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="855a1fbb-314a-42e4-9293-e0bc7429f98b"> <div class="row nest first last wide"> <div class="inner col col1 first last id8d52daff-9aed-4245-83ae-c4e63f01f3a1" style="" data-widgetcontainerid="8d52daff-9aed-4245-83ae-c4e63f01f3a1"> <div class="widget widgetSpacer" id="b780571a-c16d-4682-aa13-8de1539c4b11"></div> </div>  </div>  </div><div class="outer col col4 last" style="" data-widgetcontainerid="ce3fce17-62c8-4867-b454-44bc365f3731"> <div class="row nest first last wide"> <div class="inner col col4 first last id0727bf5f-b363-49e6-b4c9-0d452321d3d8" style="" data-widgetcontainerid="0727bf5f-b363-49e6-b4c9-0d452321d3d8"> <div data-widget-id="ae0a1b0d-f351-481d-93ee-8d95efaa1a4f" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetae0a1b0d-f351-481d-93ee-8d95efaa1a4f" class="widget widgetGraphicLinks skin18 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> <h3 >Social Media</h3> </div> </div> <div class="widgetBody cpGrid cpGrid1 "> <div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://www.facebook.com/Cedarcitypolice" target="_self" class="fancyButton fancyButton338 " > <span> <span><span class="text">Facebook</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton338.fancyButton:link,.fancyButton338.fancyButton:visited, .fancyButton338div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16291'); background-repeat: no-repeat; background-position: left top; margin: 0 auto; width: 97px;} .fancyButton338.fancyButton:hover,.fancyButton338.fancyButton:focus,.fancyButton338.fancyButton:active,.fancyButton338.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton338.fancyButton:link > span,.fancyButton338.fancyButton:visited > span, .fancyButton338div.fancyButton > span{ } .fancyButton338.fancyButton:hover > span,.fancyButton338.fancyButton:focus > span,.fancyButton338.fancyButton:active > span,.fancyButton338.fancyButton.hover > span{ } .fancyButton338.fancyButton .text{ color: #ffffff; font-family: "PT Sans"; text-align: left; padding-left: 30px; font-style: normal; text-decoration: none; padding-left: 30px; background-repeat: no-repeat; background-position: left top; line-height: 1.2; } .fancyButton338.fancyButton:hover .text,.fancyButton338.fancyButton:focus .text,.fancyButton338.fancyButton:active .text,.fancyButton338.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="https://www.instagram.com/officialcedarcity/" target="_self" class="fancyButton fancyButton342 " > <span> <span><span class="text">Instagram</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton342.fancyButton:link,.fancyButton342.fancyButton:visited, .fancyButton342div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16292'); background-repeat: no-repeat; background-position: left top; margin: 0 auto; width: 100px;} .fancyButton342.fancyButton:hover,.fancyButton342.fancyButton:focus,.fancyButton342.fancyButton:active,.fancyButton342.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton342.fancyButton:link > span,.fancyButton342.fancyButton:visited > span, .fancyButton342div.fancyButton > span{ } .fancyButton342.fancyButton:hover > span,.fancyButton342.fancyButton:focus > span,.fancyButton342.fancyButton:active > span,.fancyButton342.fancyButton.hover > span{ } .fancyButton342.fancyButton .text{ color: #ffffff; font-family: "PT Sans"; text-align: left; padding-left: 30px; font-style: normal; text-decoration: none; padding-left: 30px; background-repeat: no-repeat; background-position: left top; line-height: 1.2; } .fancyButton342.fancyButton:hover .text,.fancyButton342.fancyButton:focus .text,.fancyButton342.fancyButton:active .text,.fancyButton342.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="https://twitter.com/cedar_police" target="_self" class="fancyButton fancyButton346 " > <span> <span><span class="text">Twitter</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton346.fancyButton:link,.fancyButton346.fancyButton:visited, .fancyButton346div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16299'); background-repeat: no-repeat; background-position: left top; margin: 0 auto; width: 80px;} .fancyButton346.fancyButton:hover,.fancyButton346.fancyButton:focus,.fancyButton346.fancyButton:active,.fancyButton346.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton346.fancyButton:link > span,.fancyButton346.fancyButton:visited > span, .fancyButton346div.fancyButton > span{ } .fancyButton346.fancyButton:hover > span,.fancyButton346.fancyButton:focus > span,.fancyButton346.fancyButton:active > span,.fancyButton346.fancyButton.hover > span{ } .fancyButton346.fancyButton .text{ color: #ffffff; font-family: "PT Sans"; text-align: left; padding-left: 30px; font-style: normal; text-decoration: none; padding-left: 30px; background-repeat: no-repeat; background-position: left top; line-height: 1.2; } .fancyButton346.fancyButton:hover .text,.fancyButton346.fancyButton:focus .text,.fancyButton346.fancyButton:active .text,.fancyButton346.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </footer><div data-cpRole="structuralContainer" id="poweredByContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc84d20a60-e489-4134-9274-aaa3f5eed98b" data-containerid="84d20a60-e489-4134-9274-aaa3f5eed98b" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="f7474202-30db-47b5-bdb7-ffa51d1ab807"> <div class="row nest first last wide"> <div class="inner col col24 first last idda1473be-8a07-4a1f-b332-7c80a5f0a17a" style="" data-widgetcontainerid="da1473be-8a07-4a1f-b332-7c80a5f0a17a"> <div data-widget-id='2f1ae148-f1d5-4cb8-b64a-b4a83afd3f9e' data-moduleName="customHtml" id='widgetCustomHtml2f1ae148-f1d5-4cb8-b64a-b4a83afd3f9e' class="widget widgetCustomHtml skin18 narrow" > <div class="widgetBody pageStyles" id="widgetBody2f1ae148-f1d5-4cb8-b64a-b4a83afd3f9e"> <div id="customHtml2f1ae148-f1d5-4cb8-b64a-b4a83afd3f9e"><div><style> /* CP icon */ .cpBylineIconTS { color: #fff; } /* CP Text */ .cpBylineTextTS, .cpBylineTextTS a:link { color: #fff; } .cpBylineTS { text-align: center; } .cpBylineIconTS { fill: currentColor; width: 39px; height: 26px; display: inline; vertical-align: middle; } </style> <div class="widgetItem cpBylineTS"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> <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> <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> </svg> <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> </div> </div></div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div> </div> </div> </div> </div> <link href="/745732998.css" rel="stylesheet" type="text/css" /> <div tabindex="0"></div> <div id="SplashMessageWrapper" class="cp-Splash-wrapper"> <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"> <div class="cp-Splash-header"> <span class="cp-Splash-title" id="cp-Splash-title">Loading</span> <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> <svg id="iconClose" viewBox="0 0 25 25"> <polygon style="fill:currentcolor" 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> </svg> </button> </div> <div class="cp-Splash-body"> <div class="cp-Splash-Prose editorContent fr-view fr-element" id="editorContentDesc">  Loading </div> </div> <div class="cp-Splash-footer"> <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> </div> </div> </div> <div tabindex="0"></div> <script src="/Assets/Scripts/APIClient.js"></script> <script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script> <script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script> <script> $(document).ready(function () { var filter = { targetId: '2359', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script src="/798141824.js" type="text/javascript"></script>  <script type="text/javascript"> var translateActiveCookie = getCookieValue('translateActive'); if (translateActiveCookie == 'true') { enableGoogleTranslate(); } else { var button = '<a class="translateWidget" title="Enable Google Translate" style="background-color: #FFF;border-color: #9b9b9b #d5d5d5 transparent #d5d5d5;border-style: solid;border-width: 1px 1px 0 1px;bottom: 0px;color: #000;cursor: pointer;font-size: .9em;padding: 2px 6px 3px 4px;position: fixed;right: 20px;z-index: 5;">'; button += '<img alt="Google Translate Icon" src="/Assets/Images/GoogleTranslate.gif" style="box-sizing: content-box !important;height:19px;margin: -2px 0 0 -2px;padding-right: 5px;width:19px;">Enable Google Translate</a>'; $('div[data-cprole="structuralContainer"]').last().after(button); } function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); } function enableGoogleTranslate() { $('#google_translate_element').show(); var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); $('div[data-cprole="structuralContainer"]').last().after('<div id="google_translate_element" style="position: fixed; bottom: 0px; right: 20px; z-index: 5;"></div>'); document.cookie = "translateActive=true; expires=12/31/2999; path=/"; } $('a.translateWidget').unbind('click').click(function (e) { $(this).hide(); enableGoogleTranslate(); }); </script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WX8GNP5');</script>    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WX8GNP5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script type="text/javascript"> window._monsido = window._monsido || { token: "N8ic9pczQrwj7C_ssQBpHg", statistics: { enabled: true, documentTracking: { enabled: true, documentCls: "monsido_download", documentIgnoreCls: "monsido_ignore_download", documentExt: [], }, }, heatmap: { enabled: true, }, pageCorrect: { enabled: true, }, pageAssistV2: { enabled: true, theme: "light", mainColor: "#783CE2", textColor: "#ffffff", linkColor: "#783CE2", buttonHoverColor: "#783CE2", mainDarkColor: "#052942", textDarkColor: "#ffffff", linkColorDark: "#FFCF4B", buttonHoverDarkColor: "#FFCF4B", greeting: "Discover your personalization options", direction: "leftbottom", coordinates: "undefined undefined undefined undefined", iconShape: "circle", title: "Personalization Options", titleText: "Welcome to PageAssist™ toolbar! Adjust the options below to cater the website to your accessibility needs.", iconPictureUrl: "logo", logoPictureUrl: "", logoPictureBase64: "", languages: [""], defaultLanguage: "", skipTo: false, alwaysOnTop: false, }, }; </script> <script type="text/javascript" async src="https://app-script.monsido.com/v2/monsido-script.js"></script>  <script> function getValueTS(elem, attr) { const val = elem.css(attr); if (val === undefined) return undefined; const num = parseInt(val, 10); if (num === NaN) return undefined; return num; } function clampTS(number, min, max) { return Math.min(Math.max(number, min), max); } function isPageEditingTS() { return ( $("#doneEditing").length > 0 || // In live edit typeof DesignCenter !== "undefined" // In theme manager ); } const bgColorRegexTS = /rgba$(\d+), (\d+), (\d+), (\d*\.?\d*)$/; function isTransparentTS(elem) { const bg = elem.css('background-color'); if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; const matchState = bg.match(bgColorRegexTS); if (!matchState || matchState.length !== 5) return false; const alpha = parseFloat(matchState[4], 10); if (!(alpha >= 0 && alpha < 1)) return false; return true; } function iterateLeftpads(cb) { const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (let i = 0; i < containersTS.length; i++) { const containerTS = containersTS[i]; // Skip the body container and anything with data-skip-leftpad if ( containerTS.id !== "bodyContainerTS" && containerTS.getAttribute('data-skip-leftpad') === null ) { cb(containerTS); } } } const anchor = $("#divToolbars"); // Outer banner padding (push banner down) const outerSizingTS = $("#bannerContainerTS"); // Inner banner padding (push banner content down) - Transparent header OR on attaching headers const innerSizingTS = $("#bannerSizingTS"); const bodyContainerTS = $("#bodyContainerTS"); const forceUnfixClassTS = "forceUnfixTS"; const fixedTopTS = $(".fixedTopTS"); const fixedBottomTS = $(".fixedBottomTS"); const fixedLeftTS = $(".fixedLeftTS"); var initialTopTS; var topAttachTS; if (fixedTopTS && fixedTopTS.length === 1) { initialTopTS = getValueTS(fixedTopTS, 'top'); const attachment = fixedTopTS.attr('data-attach'); if (attachment) topAttachTS = $("#" + attachment); if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; } function resizeAdjustmentTS() { const editing = isPageEditingTS(); // Fixed top script (function () { if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; if (editing) { fixedTopTS[0].classList.add(forceUnfixClassTS); } else { fixedTopTS[0].classList.remove(forceUnfixClassTS); } const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed') { if (topAttachTS) { scrollAdjustmentTS(); } else { const anchorHeight = anchor.outerHeight() - 1; fixedTopTS.css('top', anchorHeight + initialTopTS); } } else { fixedTopTS.css('top', initialTopTS); } if (topPosition === 'fixed' || topPosition === 'absolute') { // Bump the banner content down if (isTransparentTS(fixedTopTS)) { innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); outerSizingTS.css('padding-top', ''); try { window.Pages.onResizeHandlersExecute(); } catch (e) { } } else { outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); innerSizingTS.css('padding-top', ''); } } else { innerSizingTS.css('padding-top', ''); outerSizingTS.css('padding-top', ''); } })(); // Fixed bottom script (function () { if (!fixedBottomTS || fixedBottomTS.length === 0) return; // If the widget has gone narrow, force unfix if (editing || fixedBottomTS.outerHeight() > 200) { fixedBottomTS[0].classList.add(forceUnfixClassTS); } else { fixedBottomTS[0].classList.remove(forceUnfixClassTS); } if (fixedBottomTS.css('position') === 'fixed') { bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); } else { bodyContainerTS.css('padding-bottom', ''); } })(); // Fixed left script (function () { if (!fixedLeftTS || fixedLeftTS.length === 0) return; if (editing) { fixedLeftTS[0].classList.add(forceUnfixClassTS); } else { fixedLeftTS[0].classList.remove(forceUnfixClassTS); } if (fixedLeftTS.css('position') === 'fixed') { const anchorHeight = anchor.outerHeight() - 1; fixedLeftTS.css('top', anchorHeight); const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); iterateLeftpads(function (containerTS) { const containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.left <= leftBoundingTS.right) { $(containerTS).css('padding-left', leftBoundingTS.width + 16); } }); } else { fixedLeftTS.css('top', ''); iterateLeftpads(function (containerTS) { $(containerTS).css('padding-left', ''); }); } })(); } function scrollAdjustmentTS() { if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed' || topPosition === 'absolute') { const anchorBounding = anchor[0].getBoundingClientRect(); const attachBounding = topAttachTS[0].getBoundingClientRect(); const scrollTop = $(window).scrollTop(); fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); } else { fixedTopTS.css('top', initialTopTS); } } $(window).load(function () { setTimeout(function () { resizeAdjustmentTS(); }, 350); $(window).scroll(function () { scrollAdjustmentTS(); }); var adjustTimeoutTS; $(window).resize(function () { clearTimeout(adjustTimeoutTS); adjustTimeoutTS = setTimeout(function () { resizeAdjustmentTS(); }, 350); }); $.when(window.Pages.angularToolbarComplete).done(function () { resizeAdjustmentTS(); }); }); </script>  <script type="text/javascript"> $(function () { document.cookie = "responsiveGhost=0; path=/"; }); $(window).on("load", function () { $('body').addClass('doneLoading').removeClass('hideContent'); if ($('#404Content').length > 0) $('div#bodyWrapper').css('padding', '0px'); }); </script> <noscript> <style> body.hideContent { opacity: 1 !important; } </style> </noscript> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> <symbol id="iconArrow--left" viewbox="0 0 25 25"> <title>Arrow Left</title> <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> </symbol> <symbol id="iconArrow--right" viewbox="0 0 25 25"> <title>Arrow Right</title> <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> </symbol> </svg> </div> <script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Lora:700,700italic,italic,regular|Oxygen:700,regular|PT+Sans:700,700italic,italic,regular|Roboto:500,700,regular|');</script> <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> <title>Slideshow Left Arrow</title> <g> <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> </g> </symbol> <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> <title>Slideshow Right Arrow</title> <g> <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> </g> </symbol> </svg> </div> <div id="root-picker-outlet"></div> </body> </html>