PageSourceSearch

https://www.watertown-ny.gov/

html watertown-ny.gov collected 2026-10-01 11:52:52 UTC 79,628 bytes, 2,638 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>            
4    
5    <title>City of Watertown, New York - Home Page</title>
6    <meta charset="UTF-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0">
8    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
9    <meta name="AUTHOR" content="EvoGov.com"/>
10    <meta name="COPYRIGHT" content="Copyright 2021 EvoGov, Inc."/>
11    <meta name="GENERATOR" content="EvoGov - www.evogov.com"/>
12    <meta name="description" content=""/>
13    <link rel="preconnect" href="https://fonts.gstatic.com">
14    <link rel="preconnect" href="https://cdn.evo.cloud">
15    <!--
15<script src="https://cdn.evo.cloud/scripts/jquery/3.3.1/jquery-3.3.1.min.js"></script>
15-->
16    <!-- Our own CDN for speed to load JQuery without 3rd parties -->
17    
17<script src="https://cdn.evo.cloud/scripts/jquery/3.6.0/jquery-3.6.0.min.js"></script>
17
18    <link href="https://cdn.evo.cloud/scripts/jquery-ui/1.12.0/jquery-ui.min.css" rel="stylesheet" type="text/css">
19    
19<script src="https://cdn.evo.cloud/scripts/jquery-ui/1.12.0/jquery-ui.min.js"></script>
19
20    <!-- The scripts that are loaded from our CMS template area -->
21    <style>/* this box-sizing is super-critical. It makes sure that padding is never caluclated on the */
22/*OUTSIDE of of ALL layuot DIVs in the entire website. Without this entry , DIVs escape 100% widths */
23* { box-sizing: border-box;}
24
25/* FONTS */
26@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700;800&display=swap');
27@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
28@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&display=swap');
29
30/* Defaults */
31html {
32    box-sizing: border-box;
33    color: #333;
34    width: 100%;
35    height: auto;
36    font-size: 16px;
37}
38body {
39    background: #FFF;
40    font-family: 'Roboto', sans-serif;
41    display: block;
42    margin: 0;
43    width: 100%;
44    max-width: 100%;
45    height: 100%;
46    overflow-x: hidden;
47    font-smooth: auto;
48    font-size: 15px;
49    background-size: cover !important;
50    background-repeat:no-repeat;
51}
52ul, ol {
53  list-style-position: outside;
54}
55
56
57
58
59
60.fad {
61    --fa-primary-color: #f8f8ff; 
62    --fa-secondary-color: #eeeeee; /* brunswick green */
63    --fa-primary-opacity: 1; /* make icon color opaque */
64    --fa-secondary-opacity: 1; /* make icon color opaque */
65}/* FontAwesome DuoTone Colors */ 
66
67/* Alerts */
68.evo_param_grid_alert_scroll {
69    z-index:500000;
70    background-color: #003A70; !important;
71}
72
73/* HEADER - BEGIN */
74#evo_header_wrapper {
75    background: #fff;
76    position: relative;
77    z-index: 500 !important;
78    width: 100vw;
79    top: 0px;
80}
81#evo_header {
82    height: 141px;
83    max-width:1400px;
84    margin:0 auto;
85}
86#evo_header .title {
87    box-sizing: border-box;
88    max-width: 100%;
89    width: 100%;
90}
91#evo_header #evo_title_logo_div {
92    width: 100%;
93    box-sizing: border-box;
94    min-width: 90vw;
95}
96#evo_header .evo_title_prefix {
97    position: absolute;
98    color: #073E65;
99    font-size: 24px;
100    top: 20px;
101    margin-left: 198px;
102    font-family: 'Crimson Text', serif;
103}
104#evo_header .evo_title_main {
105    position: absolute;
106    color: #073E65;
107    font-size: 46px;
108    top: 17px;
109    margin-left: 180px;
110    font-family: 'Crimson Text', serif;
111}
112#evo_header .evo_title_suffix {
113    position: absolute;
114    color: #073E65;
115    font-size: 2rem;
116    top: 63px;
117    margin-left: 289px;
118    font-family: 'Crimson Text', serif;
119    letter-spacing: 10px;
120    text-transform: uppercase;
121}
122/* *** LOGO *** */
123#evo_logo_primary {
124    position: absolute;
125    height: 129px;
126    margin-left: 50px;
127    margin-top: 5px;
128}
129#evo_title_logo span img {
130    height: 4em;
131    position: absolute;
132    margin-top: 1.5em;
133    margin-left: 2em;
134}
135@media (max-width: 960px) {
136    #evo_logo_primary {
137        margin-left: 10px;
138        height: 120px;
139    }
140}
141@media (max-width: 768px) {
142    #evo_logo_primary {
143        margin-left: 10px;
144        height:100px;
145    }
146}
147@media (max-width: 540px){
148    #evo_logo_primary {;
149        height:100px;
150        margin-left: 10px;
151    }
152    #evo_logo_seconday {display:none;}
153}
154/* *** LOGO - END *** */
155#evo_search {
156	position: relative;
157	top: 25px;
158	float: right;
159}
160#evo_search > form > div > span {
161	position: absolute;
162	right: 0px;
163	cursor: pointer;
164}/* icon block */
165body i.fa.fa-search {
166    right: 30px;
167    position: absolute;
168    top: 6px;
169}/* icon placement */
170#evo_search input {
171	font-size: 14px;
172    background-color: rgba(255, 255, 255, 0.6);
173    border-radius: 7px;
174    border: solid 1px #999;
175    height: 25px;
176    width: 250px;
177    padding-left: 20px;
178    margin-right:20px;
179} /* Search */
180#evo_overall_content_wrapper .evo_search_input {
181	width: 75%;
182}
183#evo_overall_content_wrapper .evo_search_button {
184	padding: 5px;
185}
186.evo_form_submit {
187    float: right;
188}
189#evo_search button {
190	background-color: transparent;
191	border-width: 0px;
192	color: rgba(16, 94, 153, 1.0);
193}
194/* HEADER MOBILE TOGGLE AND MEDIA QUERIES */
195.evo_menu_mobile_visible {
196    left: 0px !important;
197    transition: left 0.5s ease !important;
198}
199.evo_menu_mobile_visible_content_wrapper {
200    margin-left: 100%;
201    transition: margin-left 0.5s ease !important;
202    overflow-x: hidden;
203}
204@media (max-width: 960px) {
205    #evo_header .evo_title_prefix {
206    position: absolute;
207    color: rgba(30, 90, 30, 1.0);
208    font-size: 24px;
209    top: 20px;
210    margin-left: 120px;
211    font-family: 'Crimson Text', serif;
212    }
213    #evo_header .evo_title_main {
214        position: absolute;
215        font-size: 1.1rem;
216        top: 42px;
217        margin-left: 120px;
218        font-family: 'Crimson Text', serif;
219    }
220    #evo_header .evo_title_suffix {
221        position: absolute;
222        font-size: 1rem;
223        top: 65px;
224        margin-left: 120px;
225        font-family: 'Crimson Text', serif;
226        letter-spacing: 6px;
227        text-transform: uppercase;
228    }
229    body input#search-input-query.form-control {
230	position: absolute;
231	top: 62px;
232	right: 21px;
233	width: 210px;
234    }
235    body i.fa.fa-search {
236    right: 48px;
237    position: absolute;
238    top: 69px;
239    }
240}
241@media (max-width: 834px) {
242    #evo_header .evo_title_prefix {
243        position: absolute;
244        color: rgba(30, 90, 30, 1.0);
245        font-size: 1.5rem;
246        top: 20px;
247        margin-left: 120px;
248        font-family: 'Crimson Text', serif;
249    }
250    #evo_header .evo_title_main {
251        position: absolute;
252        font-size: 2rem;
253        top: 22px;
254        margin-left: 134px;
255        font-family: 'Crimson Text', serif;
256    }
257    #evo_header .evo_title_suffix {
258        position: absolute;
259        font-size: 1.3rem;
260        top: 60px;
261        margin-left: 150px;
262        font-family: 'Crimson Text', serif;
263        letter-spacing: 6px;
264        text-transform: uppercase;
265    }    
266}
267@media (max-width: 768px) {
268    #evo_header .evo_title_prefix {
269        position: absolute;
270        color: rgba(30, 90, 30, 1.0);
271        font-size: 1.5rem;
272        top: 20px;
273        margin-left: 120px;
274        font-family: 'Crimson Text', serif;
275    }
276    #evo_header .evo_title_main {
277        position: absolute;
278        font-size: 2rem;
279        top: 22px;
280        margin-left: 120px;
281        font-family: 'Crimson Text', serif;
282    }
283    #evo_header .evo_title_suffix {
284        position: absolute;
285        font-size: 1.3rem;
286        top: 60px;
287        margin-left: 150px;
288        font-family: 'Crimson Text', serif;
289        letter-spacing: 6px;
290        text-transform: uppercase;
291    }
292    #evo_social_action {
293        display:none;
294    }
295}
296@media (max-width: 540px) {
297    body input#search-input-query.form-control {
298        position: relative;
299        top: 79px;
300        left: -112px;
301        width: 200px;
302        margin: 0 auto;
303        display: block;
304        }
305    body i.fa.fa-search {
306        right: 117px;
307        position: absolute;
308        top: 61px;
309        }    
310}
311@media (max-width: 414px) {
312    body input#search-input-query.form-control {
313        position: relative;
314        top: 39px;
315        left: -23px;    
316    }
317    body i.fa.fa-search {
318        right: 31px;
319        position: absolute;
320        top: 21px;
321        }    
322    #evo_header {height:100px;}
323    #evo_header .evo_title_main {
324    top: 11px;
325    margin-left: 114px;
326    font-size:1.3rem;
327    }
328    #evo_header .evo_title_suffix {
329    top: 35px;
330    margin-left: 116px;
331    font-size:1.2rem;
332    }
333}
334@media (max-width: 375px) {
335    #evo_header {height:110px;}
336    #evo_header .evo_title_main {
337    top: 12px;
338    margin-left: 114px;
339    font-size:1.2rem;
340    }
341    #evo_header .evo_title_suffix {
342    top: 34px;
343    margin-left: 116px;
344    font-size:1rem;
345    }    
346    body input#search-input-query.form-control {
347        position: relative;
348        top: 32px;
349        left: -54px;
350        width: 150px;
351        margin: 0 auto;
352        display: block;
353        }
354    body i.fa.fa-search {
355        right: 60px;
356        position: absolute;
357        top: 14px;
358        }
359}
360@media (max-width: 320px) {
361    body input#search-input-query.form-control {
362        position: relative;
363        top: 40px;
364        left: -44px;
365        width: 150px;
366        margin: 0 auto;
367        display: block;
368        }
369    body i.fa.fa-search {
370        right: 50px;
371        position: absolute;
372        top: 22px;
373        }
374    body #evo_header {height:110px;}
375    #evo_header .evo_title_main {
376        top: 18px;
377        margin-left: 114px;
378        font-size:1rem;
379    }
380    #evo_header .evo_title_suffix {
381    top: 41px;
382    margin-left: 116px;
383    font-size:.9rem;
384    }
385}
386/* HEADER - END */
387
388/* Social Action Menu - Begin */
389#evo_social_action {
390    position: relative;
391    top: 18px;
392    right:50px;
393    float:right;
394    clear:right;
395}
396#evo_social_action li {
397    display: inline-block;
398}
399#evo_social_action i {
400    font-size: 2rem;
401    color: #333;
402}
403@media (max-width: 540px){
404    #evo_social_action {
405        display:none;
406    }
407}
408/* Social Action Menu - End */
409
410/* MAIN MENU - BEGIN */
411.menu_item_title {
412    font-style: italic;
413    color: #D9C077 !important;
414}
415#evo_main_menu_wrapper {
416    position: absolute;
417    z-index: 1000;
418    box-sizing: border-box;
419    background-color: #0C3F63;
420    left:0;
421    top:141px;
422    width:100vw;
423    height:39px;
424}
425#evo_menu_inner_wrapper {
426    max-width:1400px;
427    margin:0 auto;
428}
429body #evo_main_menu {
430    z-index: 1000;
431    max-width: 1400px;
432    position: relative;
433    margin:0 auto;
434}
435#evo_main_menu .evo_menu_heading {
436    list-style: none;
437    padding-top: 3px;
438}
439#evo_main_menu .evo_menu_inner_wrapper {
440    /* Position the Main Menu Headings */
441    box-sizing: border-box;
442    max-width: 100%;
443}
444#evo_main_menu > div > ul {
445    display: grid;
446    grid-gap: 20px;
447    grid-template-columns: repeat(auto-fit, minmax(75px, 1fr));
448    background-color: transparent !important;
449    max-width: 100%;
450    box-sizing: border-box;
451    margin-top:0;
452}
453/* Main Menu Button Font */
454body #evo_main_menu > div > ul > li > a {
455    text-decoration: none;
456    text-align: center;
457    color: #FFF;
458    font-size: 1.2rem;
459    font-family: 'Farro', sans-serif !important;
460    font-weight:500;
461    position: relative;
462    padding: 7px;
463    white-space: nowrap;
464    display: block;
465    text-transform: uppercase; 
466    border-bottom: solid 2px transparent;
467}
468#evo_main_menu > div > ul > li > a:hover {
469    border-bottom: solid 2px;
470}
471#evo_main_menu li {
472    list-style: none !important;
473}
474#evo_main_menu > div > ul > li:hover {
475    
476}
477/* Main Menu Heading Background Color */
478#evo_main_menu > div > ul {
479    background: rgba(30, 90, 30, 1.0);
480}
481/* MEGA MENU PANEL BACKGROUND COLOR & TRANSPARENCY */
482body #evo_main_menu.evo_desktop_mode > div > ul > li > ul {
483    background: rgba(0,0,0,0.85);
484    /* display: block !important; */
485    opacity:0;
486    visibility: hidden; /* Do not display the menu under any headings not being hovered over */
487    z-index:10000;
488    transition: visibility 0s, opacity 0.78s linear;
489    border-radius:0 0 20px 20px;
490}
491body #evo_main_menu.evo_desktop_mode > div > ul > li:hover > ul {
492    /* Main Menu Dropdown Background Color */
493    visibility: visible; /* Display the menu under any headings being hovered over */
494    opacity:1;
495    display: block !important;
496    position: absolute;
497    overflow-y: auto; /* Make the dropdown scrollable if it is longer than the height for any reason */
498    transition: visibility 0s, opacity 0.8s linear;
499}
500/* to make mega menu full-width to widht of main menu */
501body ul.evo_menu_dropdown { right:0 !important;}
502#evo_main_menu > div > ul > li > ul.evo_display_block_important {
503    display: block !important;
504    padding-bottom:30px;
505    transition: opacity 1s ease;
506}
507#evo_main_menu > div > ul > li > ul span, #evo_main_menu > div > ul > li > ul a {
508    /* Align all span and link text to the left in the main menu that is not in the heading */
509    text-align: left;
510}
511#evo_main_menu > div > ul > li > ul > li {
512    padding: 5px;
513}
514#evo_main_menu > div > ul > li > ul > li ul {
515    padding: 5px;
516}
517#evo_main_menu > div > ul > li > ul > li > ul > li {
518    margin-left: 10px;
519}
520#evo_main_menu > div > ul > li > ul > li > a {
521    /* Main Menu Headings 2 Layers Deep */
522    font-size: 1.0rem;
523    padding-top: 0px;
524    color: #eee;
525    text-decoration: none;
526    font-weight: 700;
527    text-transform: uppercase;
528    border-bottom: 1px solid rgba(255, 255, 255, .15);
529}
530#evo_main_menu > div > ul > li > ul > li > ul > li > a {
531    /* Main Menu 3 Layers Deep */
532    font-size: 0.95rem;
533    padding-top: 0px;
534    color: #fff;
535    text-decoration: none;
536}
537#evo_main_menu > div > ul > li > ul > li > ul > li > ul > li > a {
538    /* Main Menu 4 Layers Deep */
539    font-size: 0.90rem;
540    padding-top: 0px;
541    color: #fff;
542    text-decoration: none;
543}
544#evo_main_menu > div > ul > li > ul > li > ul > li > ul > li > ul > li > a {
545    /* Main Menu 5 Layers Deep */
546    font-size: 0.85rem;
547    padding-top: 0px;
548    color: #fff;
549    text-decoration: none;
550}
551#evo_main_menu > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
552    /* Main Menu 6 Layers Deep */
553    font-size: 0.80rem;
554    padding-top: 0px;
555    color: #fff;
556    text-decoration: none;
557}
558#evo_main_menu > div > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a {
559    /* Main Menu 7 Layers Deep */
560    display: none;
561}
562#evo_menu_float a {
563    text-decoration: none;
564    color: #fff;
565}
566@media (max-width: 1280px)  {
567    #evo_main_menu_wrapper {
568        padding-left: 40px;
569        padding-right: 40px;
570    }
571    #evo_main_menu > div > ul > li > a, #evo_main_menu > div > ul > li > span {
572        font-size: 1.5em;
573    }
574    #evo_main_menu .evo_menu_inner_wrapper {
575        margin-right: 10px;
576    }
577    #evo_main_menu > div > ul {
578        grid-gap: 0px;
579    }
580    #evo_main_menu > div > ul > li > a, #evo_main_menu > div > ul > li > span {
581        font-size: 0.8rem;
582    }
583    /* Second level main menu links in mobile */
584    #evo_main_menu > div > ul > li > ul > li > a, #evo_main_menu > div > ul > li > ul > li > span {
585        font-size: 1rem;
586        text-transform:none;
587        font-weight:400;
588    }
589}
590@media (max-width: 960px) {
591    #evo_main_menu_wrapper {
592        margin-left: 0px;
593    }
594    body #evo_main_menu > div > ul > li > a {
595        text-decoration: none;
596        text-align: center;
597        color: #FFF;
598        font-size: .8rem;
599        font-family: 'Farro', sans-serif !important;
600        font-weight: 500;
601        position: relative;
602        padding: 7px;
603        white-space: nowrap;
604        display: block;
605        text-transform: uppercase;
606        border-bottom: solid 2px transparent;
607        }
608}
609@media (max-width: 768px) {
610    /* main menu */
611    body #evo_main_menu_wrapper {
612        left: -100%;
613        transition: left 0.5s ease !important;
614        position: fixed;
615        top: 0px;
616        width: 100%;
617        height: 100vh;
618        overflow-y: auto;
619        margin-top: 0px;
620        background: #294080;
621        padding-left: 0px;
622        padding-right: 0px;
623        margin-left: 0px;
624        padding-top: 60px;
625        max-width: 100%;
626    }
627    #evo_main_menu {
628        padding-right: 30px;
629        margin-lefT:0;
630    }
631    #evo_main_menu > div > ul > li > a, #evo_main_menu > div > ul > li > span {font-size: 1.1em;}
632    #evo_main_menu > div > ul > li:nth-child > a, #evo_main_menu > div > ul > li:nth-child > span {transform: unset;}
633    #evo_main_menu > div > ul > li > a, #evo_main_menu > div > ul > li > span {font-weight: bold;}
634    /* Second Level */
635    #evo_main_menu > div > ul > li > ul > li, #evo_main_menu > div > ul > li > ul > li {transition: all 0.5s ease !important;}
636    #evo_main_menu > div > ul > li > a, #evo_main_menu > div > ul > li > span {position: relative;}
637    #evo_main_menu .evo_main_menu_heading_caret {left: unset;}
638    #evo_main_menu .evo_menu_inner_wrapper {transition: top 0.5s ease !important;}
639    #evo_main_menu > div > ul > li > ul {height: auto !important;}
640    /* MOBILE MENUS - BEGIN */
641    /* X to close mobile menu */
642    .evo_menu_mobile_visible #evo_grid_main_menu_mobile_toggle_inside_menu_wrapper {
643        display: block !important;
644        position: absolute;
645        right: 17px;
646        top: 50px;
647        color: #fff;
648        cursor: pointer;
649        transform: scale(2);
650        transition: all 1s ease-in-out;
651        z-index:5000;
652        }
653    .evo_menu_mobile_visible .fa-bars::before {
654        content: "\f2d3";
655        z-index:5000;
656        line-height:2rem;
657    }
658    
659    /* Hamburger Mobile Menu Icon and color */
660    #evo_grid_main_menu_mobile_toggle {
661        display: block !important;
662        position: absolute;
663        right: 30px;
664        top: 20px;
665        color: #364569;
666        cursor: pointer;
667        transform: scale(2);
668        z-index:5000;
669    } 
670    /* MOBILE MENUS - END */
671}
672/* MAIN MENU - END */
673
674/* LEFT ACTION TAB STYLE - BEGIN */
675/* Color Variables */
676#evo_left_action {
677    display:block;
678    position: fixed;
679    top: 240px;
680    left: 0;
681    bottom: 0;
682    width: 1px;
683    z-index: 1;
684}
685#evo_left_action ul {
686    list-style: none;
687    padding: 0;
688}
689body #evo_left_action li {
690    display: block;
691    width: 280px;
692    transition: background-color 0.3s, margin 0.8s;
693    min-height: 50px;
694    color: #fff;
695    background-color: #0B76A3;
696    margin-bottom: 10px;
697    padding-top: 0px;
698    margin-left: -213px;
699    cursor: pointer;
700    border-radius: 0 6px 6px 0;
701}
702#evo_left_action li:hover {
703    margin-left: 0px;
704    box-shadow: 0 0 2px 0 1px 5px rgba(104, 104, 104, 0.8);
705}
706#evo_left_action li:hover i {
707    /* color: rgba(19, 137, 97, 1.0) */
708    color: #fff;
709}
710/* nudge calendar icon left */
711#evo_left_action li:nth-child(1) i {
712    margin-right:7px;
713}
714/* nudge bus left */
715#evo_left_action li:nth-child(3) i {
716    margin-right:4px;
717}
718/* nudge virus left */
719#evo_left_action li:nth-child(5) i {
720    margin-right:4px;
721}
722#evo_left_action a {
723    display: inline-block;
724    text-align: right;
725    color: #fff;
726    padding: 15px 5px;
727    font-size: 15px;
728    font-weight: 400;
729    line-height: 24px;
730    transition: all 0.3s;
731    z-index: 15;
732    text-transform: uppercase;
733    text-decoration: none;
734    width: 100%;
735    position: relative;
736    padding-right: 70px;
737    padding-top: 17px;
738}
739#evo_left_action a .label_text {
740    width: 100%;
741    text-align: right;
742    display: inline-block;
743    transform: translateX(-60px);
744}
745#evo_left_action a:hover {
746    /*background-color: rgba(40, 40, 40, 1.0);*/
747}
748#evo_left_action i {
749    display: inline-block;
750    font-size: 38px;
751    color: #fff;
752    position: absolute;
753    right: 10px;
754    top: 7px;
755
756}
757@media (max-width: 1080px), (-ms-high-contrast: none), (-ms-high-contrast: active) {
758    #evo_left_action {
759        display:none;
760    }
761}
762/* LEFT ACTION TAB STYLE - END */
763
764
765/* CALENDAR - BEGIN */
766
767#evo_calendar_select_all_checkboxes, #evo_calendar_clear_all_checkboxes {
768    border: 1px solid rgba(60, 60, 20, 1.0);
769    border-radius: 5px;
770    padding: 8px;
771    width: 100px;
772}
773.evo_meetings_calendar_selection_multiselect_wrapper {
774    display: grid;
775    grid-gap: 1px;
776    grid-template-columns: 1fr 1fr 1fr;
777    margin-left: 30px;
778    margin-top: 10px;
779    margin-bottom: 10px;
780}
781#evo_calendar_update {
782    padding: 2px;
783}
784.evo_calendar_selection_checkbox {
785    transform: translateY(2px);
786}
787#evo_meetings_monthview {
788    margin-top: 10px !important;
789}
790
791
792#evo_listview_month_year_label {
793    display: inline-block;
794    width: 250px;
795}
796.evo_listview_control {
797    display: inline-block;
798}
799#evo_listview_control_today, #evo_calendar_control_today {
800    background-color: rgba(175, 175, 175, 1.0);
801    color: black;
802    cursor: pointer;
803    font-size: 1.0em;
804}
805#evo_listview_control_previous, #evo_listview_control_next, 
806#evo_listview_control_month, #evo_listview_control_year, #evo_calendar_control_previous, 
807#evo_calendar_control_next, #evo_calendar_control_month, #evo_calendar_control_year, 
808#evo_calendar_control_showall, #evo_calendar_control_icalendar_subscriptions, 
809#evo_calendar_control_link_other_events_page {
810    background: rgba(51, 122, 183, 1);
811    cursor: pointer;
812    font-size: 1.0em;
813}
814#evo_meetings_tabs a {
815    text-decoration: none;
816}
817.evo_calendar_box_content {
818    min-height: 150px;
819    position: relative;
820}
821.evo_calendar_box_content .evo_calendar_date_box {
822
823}
824.evo_calendar_box_content {
825    margin-top: -25px;
826    margin-bottom: 25px;
827}
828.evo_calendar_box_inner_content {
829    padding-top: 25px;
830}
831.evo_department_calendar_box .evo_calendar_title {
832    font-size: 20px;
833    background-color: rgba(0,40,0, 1);
834    padding: 12px 10px 10px 10px !important;
835    color: #FFF !important;
836    margin-bottom: 10px;
837}
838#listview_table > tbody > tr > td > ul {
839    display: block;
840    grid-gap: unset;
841    grid-template-columns: unset;
842}
843#listview_table > tbody > tr > td > a {
844    color: black;
845}
846#evo_dual_color_border_top {
847	height: 5px;
848	width: 100%;
849	background: rgba(140, 168, 0, 1.0);
850	border-top: #265DA6 10px solid;
851}
852#evo_dual_color_border_bottom {
853	height: 5px;
854	width: 100%;
855	background: rgba(140, 168, 0, 1.0);
856	border-bottom: #265DA6 10px solid;
857}
858/* CALENDAR - END */
859
860/* MAPS - BEGIN */
861.place_map_row {
862    display: grid;
863    grid-gap: 10px;
864    grid-template-columns: 1fr 1fr;
865}
866.place_map_row .place_address {
867    display: grid;
868    grid-gap: 10px;
869    grid-template-columns: 1fr 2fr;
870}
871.place_map_row .place_directions {
872    display: grid;
873    grid-gap: 10px;
874    grid-template-columns: 1fr 2fr;
875}
876.place_map_row .place_display_layers {
877    display: grid;
878    grid-gap: 10px;
879    grid-template-columns: 1fr 2fr;
880}
881#evo_bookable_calendar {
882    max-width: 1600px;
883    margin-left: 50%;
884    transform: translateX(-50%);
885    font-size: 0.9em;
886}
887#evo_interior_application_content_wrapper #evo_bookable_calendar .fc-header-toolbar h2 {
888    font-size: 1.0em;
889}
890#evo_map_image_mode_slider {
891    box-sizing: border-box;
892}
893#evo_map_homepage_wrapper {
894	height: 100%;
895}
896#evo_map_homepage_wrapper #evo_map_popup {
897	left: unset !important;
898	right: 50px !important;
899	overflow-y: auto;
900}
901#evo_map_popup.evo_map_popup_image_mode {
902    width: 41vw;
903}
904.evo_slider_image_mode_feature {
905    width: 150px;
906}
907#evo_popup_image_mode_description_wrapper .evo_map_popup_more_info_button {
908    font-size: 1.0em;
909}
910.evo_map_popup_more_info_button a {
911    text-decoration: none;
912}
913#evo_map_popup.evo_map_popup_image_mode .evo_popup_image_mode_image {
914    margin-top: 28px;
915}
916/* MAPS - END */
917
918/* FOOTER - BEGIN */
919body #evo_footer_wrapper {
920    width:100vw;
921background: rgb(5,44,92);
922background: radial-gradient(circle, rgba(5,44,92,1) 38%, rgba(50,116,164,1) 100%);
923}
924body #evo_footer {
925    background-size: cover;
926    background-repeat: no-repeat;
927    color: #fff;
928    box-sizing: border-box;
929    padding: 20px 60px;
930    max-width:1200px;
931    margin:0 auto;
932}
933#evo_footer ul {
934    padding: 0;
935}
936#evo_footer li {
937    list-style: none;
938}
939#evo_footer .footer-box {
940    display: grid;
941    grid-gap: 50px;
942    grid-template-columns: repeat(4, 1fr);
943    width: 100%;
944    box-sizing: border-box;
945
946}
947#evo_footer .footer-box > div {
948    box-sizing: border-box;
949    padding: 20px;
950}
951#evo_footer a {
952    color: #fff;
953    text-decoration: none;
954}
955#evo_footer a:hover {
956    text-decoration: underline;
957}
958#evo_footer h3 {
959    color: #FFF;
960    font-size: 20px;
961    margin-top: 0;
962    font-weight: 700;
963}
964#evo_footer .address {
965    font-size: 14px;
966    z-index: 12;
967    position: relative;
968}
969#evo_footer .resources {
970    font-size: 14px;
971}
972#evo_footer .connect {
973    font-size: 14px;
974}
975#evo_footer .site-links {
976    font-size: 14px;
977}
978#evo_link_to_evogov_cms {
979    width: 100%;
980    text-align: center;
981    color: #fff;
982    font-size: 0.8em;
983}
984#evo_logo_secondary {
985    position: absolute;
986    height: 150px;
987}
988@media (max-width: 768px) {
989    body #evo_footer {background: #073E65; !important}
990    #evo_footer .footer-box {
991        grid-template-columns: 1fr;
992        grid-gap: 20px;
993    }
994    #evo_footer .evo_main_menu_heading_caret {
995        opacity: 0 !important;
996    }
997    #evo_footer .footer-box > div {
998    box-sizing: border-box;
999    padding: 0;
1000    }
1001    body #evo_logo_secondary  {display:none !important;}
1002}
1003@media (max-width: 320px)  {
1004
1005
1006}
1007/* FOOTER - END */
1008
1009.evo_slideshow_slides_wrapper {
1010    position: relative;
1011    top: 0px;
1012    width: 100%;
1013    border-top: 0px black solid;
1014    height: 600px;
1015}
1016.evo_slideshow_slides_wrapper .item {
1017    width: 100%;
1018    height: 100%;
1019}
1020.evo_slideshow_slides_wrapper img {
1021    object-fit: cover;
1022    position: absolute;
1023    opacity: 0;
1024    transition: opacity 1.25s ease-in-out;
1025
1026}
1027body .evo_grid_based_theme .evo_slideshow_controls {
1028    z-index: 5000;
1029}
1030
1031.evo_slideshow_slide {
1032    height: 100%;
1033    width: 100%;
1034    top: 0px;
1035    overflow: hidden;
1036    position: absolute;
1037}
1038.evo_slideshow_slide.current_slide {
1039    position: absolute;
1040}
1041
1042
1043.evo_slideshow_slides_wrapper .current_slide img {
1044       opacity: 1;
1045}
1046
1047</style>
1048    <link rel="preconnect" href="https://fonts.gstatic.com"> 
1049    <link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400;1,500&display=swap" rel="stylesheet">
1050
1051    
1052    <!-- FontAwesome icons loaded from our own CDN for speed -->
1053    <link href="https://cdn.evo.cloud/icons/font-awesome/6.2.0/css/all.css" rel="stylesheet"/>
1054    <link href="https://cdn.evo.cloud/icons/font-awesome/6.2.0/css/v4-shims.css" rel="stylesheet"/>
1055
1056
1057    
1057<script>window.STATIC_URL = "https://evocloud-prod3-static.evogov.com/";</script>
1057
1058    
1058<script src="https://evocloud-prod3-static.evogov.com/evo_common.js"></script>
1058
1059<style>.evo_skip_link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}.evo_skip_link:focus{position:fixed;left:8px;top:8px;width:auto;height:auto;overflow:visible;padding:10px 16px;background:#ffffff;color:#0b3d91;font:600 16px/1.2 sans-serif;border:2px solid #0b3d91;border-radius:4px;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.35);z-index:2147483647;}</style>
1059<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","@id":"https://www.watertown-ny.gov/#organization","name":"City of Watertown, New York","url":"https://www.watertown-ny.gov/","logo":"https://www.watertown-ny.gov/media/Design Files/watertownlogo.png","image":"https://www.watertown-ny.gov/media/Design Files/watertownlogo.png","description":"Official Website of the City of Watertown New York"}</script>
vendor: 1 bytes, line 1059
1059
1060<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","@id":"https://www.watertown-ny.gov/#website","name":"City of Watertown, New York","url":"https://www.watertown-ny.gov/","publisher":{"@id":"https://www.watertown-ny.gov/#organization"}}</script>
1060</head>
1061<!-- <body data-evo-content-type-id="187" data-evo-object-id="2092" class="evo_grid_based_theme evo_background_random_from_slideshow_if_no_background_slideshow interior"><a class="evo_skip_link" href="#evo_main_content">Skip to main content</a> -->
1062<body class="evo_grid_based_theme">
1063<div class="evo_param_grid_alert_scroll evo_cloud_widget evo_param_alert_speed__1 evo_param_alert_title__Global evo_param_always_initially_open"></div>
1064<div id="evo_overall_content_wrapper" class="evo_grid_based_theme">
1065    <!-- full width header wrapper -->
1066    <div id="evo_header_wrapper">
1067        <div id="evo_header">
1068            <i id="evo_grid_main_menu_mobile_toggle" class="fa fa-bars" style="display:none;"></i>
1069            <div class="title">
1070                <div id="evo_title_logo_div">
1071                    <a href="/" id="evo_title_logo"><img id="evo_logo_primary" alt="Watertown, New York logo" src="/media/Design Files/watertownlogo.png"></a>
1072                    <a href="/">
1073                    <span class="evo_title_prefix"></span>
1074                    <span class="evo_title_main">City of Watertown</span>
1075                    <span class="evo_title_suffix">New York</span>
1076                    </a>
1077                </div>
1078            </div>
1079            <!--
1080            <div id="evo_search" class="evo_cloud_widget evo_param_search_form evo_param_search_placeholder_text__Search the City..."></div>
1081            -->
1082            <div id="evo_social_action" class="evo_cloud_widget evo_param_cta_menu evo_param_menu_depth_down__1 evo_param_menu_name__top_menu"></div>
1083                <div>
1083<script async src="https://cse.google.com/cse.js?cx=2e72b114ac0d47d07"></script>
1083
1084                    <div id="cse" style="width: 25%; margin-left: 60%;">
1085                        <div class="gcse-search"></div>
1086                    </div>
1087                </div>
1088                <a href="/directory">
1089                    <div class="image">
1090                        <img src="https://www.watertown-ny.gov/media/ITDept/Directory.jpg" align="right" margin="20" width="160" height="40" alt="Staff Directory">
1091                    </div>
1092            </a>
1093            </div>
1094            <!-- ***** BEGIN MAIN MENU ***** -->
1095            <div id="evo_main_menu_wrapper">
1096                <i id="evo_grid_main_menu_mobile_toggle_inside_menu_wrapper" class="fa fa-bars" style="display: none;"></i>
1097                <div id="evo_main_menu"
1098                     class="evo_cloud_widget
1099                             evo_param_main_menu_name__Main_Menu
1100                             evo_param_menu_depth_down__20
1101                             evo_param_grid"><div class="wrapper wrapper-menu evo_menu_inner_wrapper" style="display: none">
1102<ul  class="nav navbar-nav" >
1103<li  class=" evo_menu_heading " >
1104<a href="javascript:void(0)" >Government</a>
1105</li>
1106<li  class=" evo_menu_heading " >
1107<a href="/directory" >Departments<i class="fa fa-angle-down evo_main_menu_heading_caret"></i></a>
1108</li>
1109<li  class=" evo_menu_heading " >
1110<a href="javascript:void(0)" >Business</a>
1111</li>
1112<li  class=" evo_menu_heading " >
1113<a href="javascript:void(0)" >Residents</a>
1114</li>
1115<li  class=" evo_menu_heading " >
1116<a href="javascript:void(0)" >About Watertown</a>
1117</li>
1118</ul>
1119</div></div>
1120            </div>
1121            <!-- ***** END MAIN MENU ***** -->
1122        </div> <!-- End of header -->
1123    </div>
1124    <!-- Home Page Video -->
1125<video id="evohome" 
1126    width="1920" 
1127    height="650" 
1128    autoplay
1129    loop 
1130    muted 
1131    aria-label="Home Page Video"
1132    >
1133
1134  <source src="https://videos.evo.cloud/3/42/homepage-new-cropped.mp4" type="video/mp4" />
1135  Your browser does not support the video tag.
1136</video>
1137<div id="evo_background_prevent_random_image_from_no_slideshow"></div>
1138
1139<!-- BOTTOM ACTION MEDALLION MENU -->     
1140 <div id="evo_bottom_action"
1141     class="evo_cloud_widget 
1142     evo_param_menu_grid 
1143     evo_param_cta_menu 
1144     evo_param_menu_depth_down__1 
1145     evo_param_menu_name__bottom_action">
1146</div>
1147<!-- MOBILE VERSION OF MEDALLION MENU -->
1148<div id="evo_mobile_action"
1149     class="evo_cloud_widget 
1150     evo_param_menu_grid 
1151     evo_param_cta_menu 
1152     evo_param_menu_depth_down__1 
1153     evo_param_menu_name__bottom_action">
1154</div>
1155<div id="evo_services_blocks">
1156    <div class="services_blocks_wrapper">
1157        <div class="block-1">
1158            <img src="/media/Design%20Files/services-panels/Recycling.jpg">
1159            <h2>Refuse & Recycling</h2>
1160            <ul class="service_block_list">
1161            <li><a href="/departments/PublicWorks/Refuse/RecyclePick-UpSchedule">Refuse & Recycling Schedule</a></li>
1162            <li><a href="/departments/PublicWorks/RefuseRecycling">Refuse Services</a></li>
1163            <li><a href="/departments/PublicWorks/SeasonalOnDemandBulkPickup
1164">Request Bulk Item Pickup</a></li>
1165            </ul>
1166        </div>
1167        <div class="block-2">
1168            <img src="/media/Design%20Files/services-panels/property-Info.jpg">
1169            <h2>Property Info & Maps</h2>
1170            <ul class="service_block_list">
1171            <li><a href="https://beacon.schneidercorp.com/Application.aspx?AppID=1534&LayerID=50245&PageTypeID=2&PageID=21303">Property Search</a></li>
1172            <li><a href="https://maps.watertown-ny.gov/portal/">GIS Maps</a></li>
1173            </ul>
1174        </div>
1175        <div class="block-3">
1176            <img src="/media/Design%20Files/services-panels/Payments-Taxes.jpg">
1177            <h2>Payments & Taxes</h2>
1178            <ul class="service_block_list">
1179            <li><a href="/Exemptions">Tax Exemptions</a></li>
1180            <li><a href="/departments/CityComptroller/OnlineBillPay">Online Payments</a></li>
1181            <li><a href="/departments/Assessor">Assessor Page</a></li>
1182            </ul>
1183        </div>
1184        <div class="block-4">
1185            <img src="/media/Design%20Files/services-panels/Government.png">
1186            <h2>City Clerk Services</h2>
1187            <ul class="service_block_list">
1188            <li><a href="/departments/clerk/ArchivedPublicDocuments">Archived Public Documents</a></li>
1189            <li><a href="/BirthDeathandMarriageCertificates">Vital Records Request</a></li>
1190            <li><a href="/departments/clerk/MarriageLicense">Marriage License</a></li>
1191            <li><a href="/departments/clerk/DogLicenseInformation">Dog License</a></li>
1192            </ul>
1193        </div>
1194        <div class="block-5">
1195            <img src="/media/Design%20Files/services-panels/ParksandRec.png">
1196            <h2>Parks & Recreation</h2>
1197            <ul class="service_block_list">
1198            <li><a href="/departments/ParksandRecreation/Programs/Leagues">Programs</a></li>
1199            <li><a href="https://secure.rec1.com/NY/watertown-ny/catalog">Online Registration</a></li>
1200            <li><a style="font-size: 100%" href="https://thompsonparkgolfcourse.watertown-ny.gov/">Thompson Park Golf Course</a></li>
1201            <li><a href="/departments/ParksandRecreation/parksandrecFAQ">FAQs</a></li>
1202            <li><a href="/HydroRecreationalRelease">Hydro Recreational Release</a></li>
1203            </ul>
1204        </div>
1205    </div>
1206</div>
1207
1208<!-- NEWS CARD SLIDER - BEGIN -->
1209<div id="evo_news_slider_wrapper">
1210<div class="evo_news_posts_heading">Latest City News<a id="evo_calendar_view_all" href="/news/category/43/">all news</a></div> 
1211<div class="evo_cloud_widget 
1212    evo_param_news_posts_columns_slideshow
1213    evo_param_news_posts_include_html__false 
1214    "></div>
1215</div>
1216<br/>
1217<!-- NEWS CARD SLIDER - END -->
1218
1219<!-- NEWS LIST FOR MOBILE - Hidden on large screens -->
1220<div id="news-mobile-wrapper">
1221    <div id="news-mobile-headline">City News</div>
1222    <div class="evo_cloud_widget 
1223        evo_param_news_posts 
1224        evo_param_news_posts_limit__10 
1225        evo_param_news_posts_show_thumbnails__false 
1226        evo_param_news_posts_include_html__false">
1227    </div>
1228</div>
1229<br/>
1230
1231<!-- EVENTS for MOBILE -->
1232<div id="events-mobile-wrapper">
1233    <div id="events-mobile-headline">Events & Meetings</div>
1234    <div class="evo_cloud_widget 
1235        evo_param_upcoming_events__all 
1236        evo_param_upcoming_events_month_separator">
1237    </div>
1238</div>
1239
1240<!-- EVENTS AND MEETINGS TABLET AND DESKTOP - START -->
1241<div id="events_meetings_wrapper">
1242    <div id="evo_events_calendar">
1243        <div class="community_wrapper">
1244            <div class="evo_events_heading">Community Events 
1245            <a id="evo_calendar_view_all" href="/calendar">more events</a></div>
1246            <div class="event_list 
1247            evo_cloud_widget 
1248            evo_param_upcoming_events_only__283
1249            evo_param_description_number_of_characters__150"></div>
1250        </div>
1251        <div class="meeting_wrapper">
1252            <div class="evo_events_heading">City Meetings 
1253            <a id="evo_meetings_view_all" href="/meetings">more meetings</a></div>
1254            <div class="event_list 
1255            evo_cloud_widget 
1256            evo_param_upcoming_meetings_only__all 
1257            evo_param_description_number_of_characters__150"></div>
1258        </div>
1259    </div>
1260</div>
1261<!-- EVENTS AND MEETINGS - END -->
1262
1263<style>/* ************************** */
1264/* HOME PAGE ELEMENTS - BEGIN */
1265/* ************************** */
1266
1267/* VIDEO - BEGIN */
1268    #evohome {
1269    width: 100%;
1270    height: auto;
1271    margin-top: 39px;
1272    display:block;    
1273    border-bottom:4px solid #367495;
1274    }
1275    /* hide video on mobile devices */
1276    @media (max-width: 768px) {#evohome {display: none}}
1277/* VIDEO - END */
1278
1279#evo_background_slideshow {
1280    z-index: -1;
1281    height: 610px;
1282    margin-top: -30px;
1283    max-width: 100vw;
1284    height: 230px;
1285    padding: 1rem;
1286    
1287}
1288#evo_background_slideshow .item {
1289    width: 100%;
1290    height: 600px !important;
1291}
1292#evo_background_slideshow img {
1293    object-fit: cover;
1294    position: absolute;
1295}
1296#evo_background_slideshow .evo_slideshow {
1297    height: 100%;
1298}
1299#evo_background_slideshow .evo_slideshow_slide {
1300    height: 0px;
1301}
1302.evo_slideshow_slide_label {
1303    padding-top:15vh;
1304    color:white;
1305    font-family: 'Bitter', serif;
1306    Font-size:3rem;
1307    text-shadow: 2px 2px 8px #221d1f;
1308}
1309.evo_slideshow_slide_content {
1310    font-size:1.5rem;
1311    color:white;
1312    font-weight:400;
1313    font-family: 'open sans', sans-serif;
1314    text-shadow: 2px 2px 6px #221d1f;
1315    
1316}
1317.evo_grid_based_theme .evo_slideshow_caption_wrapper {
1318    display: none;
1319}
1320.evo_grid_based_theme .evo_slideshow_slide.current_slide .evo_slideshow_caption_wrapper {
1321    display: unset;
1322}
1323#evo_background_slideshow .evo_slideshow_slides_wrapper {
1324    position: relative;
1325    overflow: hidden;
1326}
1327.evo_slideshow_slides_wrapper .current_slide img {
1328    opacity: 1;
1329    z-index: -1;
1330    transition: opacity 1.25s ease-in-out;
1331}
1332#evo_background_slideshow .evo_slideshow_indicators {
1333    list-style-type: none;
1334}
1335#evo_background_slideshow .evo_slideshow_previous {
1336    display: none;
1337}
1338#evo_background_slideshow .evo_slideshow_next {
1339    display: none;
1340}
1341.evo_slideshow_slides_wrapper {
1342    position: absolute;
1343    top: 0px;
1344    width: 100%;
1345    border-top: 0px black solid;
1346    height: 100%;
1347}
1348.evo_slideshow_slides_wrapper .item {
1349    width: 100%;
1350    height: 100%;
1351}
1352.evo_slideshow_slides_wrapper img {
1353    object-fit: cover;
1354    position: absolute;
1355    opacity: 0;
1356    transition: opacity 1.25s ease-in-out;
1357
1358}
1359
1360/* BOTTOM ACTION Medallion Home Page Links - BEGIN */
1361/* The medallion buttons enclosing container */
1362#evo_bottom_action {
1363    text-align: center;
1364    box-sizing: border-box;
1365    z-index: 1;
1366    position: relative;
1367}
1368/* The list of action buttons served by the CMS. We set the number of icons on desktop here. */
1369#evo_bottom_action ul {
1370    list-style: none;
1371    display: grid;
1372    grid-gap: 0px;
1373    max-width: 1440px;
1374    margin: 0 auto 0 auto;
1375    padding-left:0;
1376    /* Don't add a height or it will mess up the formatting */
1377}
1378/* set the number of icon grid columns based on the class that indicates the number of items */
1379ul.evo_li_children_1 {grid-template-columns: repeat(1, 1fr) !important; list-style:none;}
1380ul.evo_li_children_2 {grid-template-columns: repeat(2, 1fr) !important; list-style:none;}
1381ul.evo_li_children_3 {grid-template-columns: repeat(3, 1fr) !important; list-style:none;}
1382ul.evo_li_children_4 {grid-template-columns: repeat(4, 1fr) !important; list-style:none;}
1383ul.evo_li_children_5 {grid-template-columns: repeat(5, 1fr) !important; list-style:none;}
1384ul.evo_li_children_6 {grid-template-columns: repeat(6, 1fr) !important; list-style:none;}
1385ul.evo_li_children_7 {grid-template-columns: repeat(7, 1fr) !important; list-style:none;}
1386ul.evo_li_children_8 {grid-template-columns: repeat(8, 1fr) !important; list-style:none;}
1387ul.evo_li_children_9 {grid-template-columns: repeat(9, 1fr) !important; list-style:none;}
1388ul.evo_li_children_10 {grid-template-columns: repeat(10, 1fr) !important; list-style:none;}
1389ul.evo_li_children_11 {grid-template-columns: repeat(11, 1fr) !important; list-style:none;}
1390ul.evo_li_children_12 {grid-template-columns: repeat(12, 1fr) !important; list-style:none;}
1391/* The font and color for text labels */
1392#evo_bottom_action a {
1393    text-decoration: none;
1394    color: #073E65;
1395    font-family: 'Montserrat', sans-serif;
1396    text-transform: uppercase;
1397    display:inline-block;
1398    width:100%;
1399    text-align:center;
1400    transition: 0.5s ease; /* causes the delay animation between hover states */
1401}
1402/* sets the cursor for each item */
1403#evo_bottom_action li {
1404    font-size: 1.1rem;
1405    font-weight: bold;
1406    color: #367495;
1407    cursor: pointer;
1408    top:-5px;
1409    transition: 0.6s ease; /* causes the delay animation between hover states */
1410    
1411}
1412/* the round circle color and icon size */
1413#evo_bottom_action i {
1414    color:#073E65;
1415    display: block;
1416    background: #fff; /* medallion circle background color */
1417    height: 120px;
1418    width: 120px;
1419    border: 6px solid #073E65;
1420    /* box-shadow: 0 0 0 10px rgba(244,232,223,.35); */
1421    /* text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); */
1422    border-radius: 50%; /* sets the rounded corners on each icon 50% makes them circles */
1423    text-align: center; /* centers the icon horizontally */
1424    padding-top: 20px; /* puts the icon in the center of the circle */
1425    font-size: 60px; /* sets the icon size */
1426    margin: 10px 10px 20px 50%; /* negative top margin makes medallions overlap video */
1427    transform: translateX(-50%);
1428    -webkit-transition: all .4s ease-out; /* browser-safe animation delays */
1429    -moz-transition: all .4s ease-out; /* browser-safe animation delays */
1430    -o-transition: all .4s ease-out; /* browser-safe animation delays */
1431    transition: all .4s ease-out; /* browser-safe animation delays */
1432    cursor: pointer;
1432 /* makes the cursor turn into a hand so people know it is a link */
1433}
1434/* OPTIONAL - you can use images instead of fontawsome icons for the medallions */
1435#evo_bottom_action img {
1436    display: block;
1437    height: 150px;
1438    width: 150px;
1439    margin: -60px 10px 20px 50%; /* negative top margin makes medallions overlap video */
1440    border: 2px solid #fff;
1441    /* box-shadow: 0 0 0 10px rgba(244,232,223,.35); */
1442    border-radius: 50%; /* sets the rounded corners on each icon 50% makes them circles */
1443    transform: translateX(-50%);
1444    -webkit-transition: all .4s ease-out; /* browser-safe animation delays */
1445    -moz-transition: all .4s ease-out; /* browser-safe animation delays */
1446    -o-transition: all .4s ease-out; /* browser-safe animation delays */
1447    transition: all .4s ease-out; /* browser-safe animation delays */
1448    cursor: pointer; /* makes the cursor turn into a hand so people know it is a link */
1449}
1450/*  change bg of each box on mouseover */
1451#evo_bottom_action li:hover {
1452   /* background: #367495;  */
1453    /* border-radius: 0 0 10px 10px;  */
1454}
1455/* make the medallion white on mouseover */
1456#evo_bottom_action li:hover > a > i {
1457    background-color: #fff;
1458    color:#073E65;
1459    border:6px solid #0E91C9;
1460}
1461@media (max-width: 1200px) {
1462    #evo_bottom_action ul {
1463        grid-template-columns: 1fr 1fr 1fr;
1464        padding: 5px 5px;
1465    }
1466    #evo_bottom_action i {
1467        margin: 20px 10px 20px 50%;
1468    }
1469}
1470@media (max-width: 1024px) {
1471    #evo_bottom_action ul {
1472        grid-template-columns: 1fr 1fr 1fr;
1473        padding:5px 5px;
1474    }
1475    #evo_bottom_action i {
1476        margin: 20px 10px 20px 50%;
1477    }
1478}
1479@media (max-width: 960px) {
1480    #evo_bottom_action ul {
1481        grid-template-columns: 1fr 1fr 1fr;
1482        padding:10px 5px;
1483    }
1484    #evo_bottom_action i {
1485        margin: 20px 10px 20px 50%;
1486    }
1487    #evo_bottom_action li:hover {
1488        border-radius: 0; /*removes ounded corners on mouseoover */
1489    }
1490}
1491@media (max-width: 834px) {
1492    #evo_bottom_action i {
1493        height: 100px;
1494        width: 100px;
1495        font-size: 43px;
1496    }
1497}
1498@media (max-width: 768px) {
1499    #evo_bottom_action {
1500        display: none;
1501        margin-top: 150px;
1502        margin-bottom: 30px;
1503        margin-left: 5px;
1504        margin-right: 0px;
1505    }
1506    #evo_bottom_action ul {
1507        grid-template-columns: 1fr 1fr;
1508        padding-inline-start: 0px;
1509    }
1510    #evo_bottom_action li {
1511        margin-bottom: 20px;
1512    }
1513    #evo_bottom_action li:hover {
1514        background: #367495; /* blue color on mouseover */
1515        border-radius: 0; /*removes ounded corners on mouseoover */
1516    }
1517    /*  change bg of each box on mouseover */
1518    #evo_bottom_action i {
1519        height: 120px;
1520        width: 120px;
1521        font-size: 60px;
1522        margin: 10px 10px 10px 50%;
1523    }
1524    /* Bottom Action Menu */    
1525    #evo_bottom_action_bar .left_box {
1526    	padding: 20px;
1527    	margin: 0;
1528    }
1529    #evo_bottom_action_bar .left_box_wrapper {
1530    	margin: 0;
1531    }
1532    #evo_bottom_action_bar .middle_box {
1533    	padding: 20px;
1534    }
1535	#evo_bottom_action_bar .right_box {
1536    	padding: 20px;
1537	}
1538	#evo_bottom_action_bar .left_box img {
1539		margin: 0;
1540	}
1541	#evo_bottom_action_bar .right_box img {
1542		margin: 0;
1543	}
1544    
1545    #evo_mobile_action {display:block !important;}
1546    ul.evo_li_children_6 {
1547        display:grid;
1548        grid-template-columns: 1fr !important;
1549        list-style:none;
1550        margin: 10px 10px 0 10px;
1551        padding: 12px;
1552    }
1553    ul.evo_li_children_6 > div > ul > li > a {
1554        transform:translateY(-2px);
1555    }
1556    ul.evo_li_children_6 i {
1557    display: inline-block;
1558    position:relative;
1559    padding: .5rem .5rem .6rem .5rem;
1560    text-align:left;
1561    font-size:2rem; /* sets the icon size */
1562    cursor: pointer; /* makes the cursor turn into a hand so people know it is a link */
1563    transform: translatey(5px);
1564    }
1565}
1566/* BOTTOM ACTION Medallion Home Page Links - END */
1567
1568/* MOBILE VERSION OF MEDALLION MENU - START */
1569/* The medallion buttons enclosing container */
1570#evo_mobile_action {
1571    display:none;
1572    text-align: center;
1573    z-index: 1;
1574    position: relative;
1575    margin-left:-20px;
1576    text-align:center;
1577}
1578/* The list of action buttons served by the CMS. We set the number of icons on desktop here. */
1579ul#evo_mobile_action {
1580    list-style: none !important;
1581    display: grid;
1582    grid-template-columns: 1fr;
1583    margin:0 !important;
1584    grid-gap:0;
1585    
1586    /* Don't add a height or it will mess up the formatting */
1587}
1588#evo_mobile_action > ul {
1589    list-style:none !important;
1590}
1591/* The font and color for text labels */
1592#evo_mobile_action a {
1593    text-decoration: none;
1594    color: #fff;
1595    font-family: 'Montserrat', sans-serif;
1596    text-transform: uppercase;
1597    display:inline-block;
1598    width:100%;
1599    text-align:left;
1600    font-size:.9rem;
1601}
1602/* sets the cursor for each item */
1603#evo_mobile_action li {
1604    heigth:53px;
1605    transform: translateX(-10px);
1606    font-size: .9rem;
1607    font-weight: 500;
1608    cursor: pointer;
1609    margin-bottom:4px;
1610    background: #073E65; /* adds light gray bg to medallion boxes */
1611    transition: 0.6s ease; /* causes the delay animation between hover states */
1612    --fa-primary-color: #000;
1613    --fa-secondary-color: #333; 
1614    --fa-primary-opacity: 1;
1615    --fa-secondary-opacity: 1;
1616}
1617/* the round circle color and icon size */
1618#evo_mobile_action li > a > i.fad {
1619    --fa-primary-color: #fff;
1620    --fa-secondary-color: #ccc; 
1621    --fa-primary-opacity: 1;
1622    --fa-secondary-opacity: 1;
1623}
1624#evo_mobile_action > div > ul > li > a {
1625transform:translateY(-6px);}
1626#evo_mobile_action i {
1627    display: inline-block;
1628    position:relative;
1629    padding: .7rem .7rem .8rem .7rem;
1630    text-align:left;
1631    font-size:2rem; /* sets the icon size */
1632    cursor: pointer; /* makes the cursor turn into a hand so people know it is a link */
1633    transform: translatey(5px);
1634            width:60px;
1635    text-align:center;
1636}
1637/*  change bg of each box on mouseover */
1638#evo_mobile_action li:hover {
1639    background: #0B5388; /* lighter blue color on mouseover */
1640    border-radius: 1em; /*adds rounded corners on mouseoover */
1641}
1642/* make the text white for medallion titles on mouseover */
1643#evo_mobile_action li:hover > a {
1644    color: #fff;
1645}
1646/* make the medallion white on mouseover */
1647/* Make duotone medallions different colors */
1648#evo_mobile_action li:hover > a > i.fad {
1649    --fa-primary-color: #f0f0f0;
1650    --fa-secondary-color: #d0d0d0; 
1651    --fa-primary-opacity: 1;
1652    --fa-secondary-opacity: 1;
1653}
1654@media (max-width:320px) {
1655    #evo_mobile_action a {
1656        font-size:.8rem;
1657    }
1658}
1659/* MOBILE VERSION OF MEDALLION MENU - END */
1660
1661/* SERVICES BLOCKS - BEGIN */
1662#evo_services_blocks {
1663    padding: 80px 100px;
1664    background-image:url("/media/Design%20Files/services-panels/services-panels-background.jpg");
1665}
1666.services_blocks_wrapper {
1667    display: grid;
1668    grid-template-columns: repeat(5, 1fr);
1669    grid-gap: 20px;
1670    width: 1400px;
1671  margin: 0 auto;
1672}
1673.block-1, .block-2, .block-3, .block-4, .block-5 {
1674    background-color: #fff;
1675    border-radius: 10px;
1676    overflow: hidden;
1677    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
1678}
1679.services_blocks_wrapper img {
1680    width: 100%;
1681    max-height:185px;
1682}
1683.services_blocks_wrapper h2 {
1684    background-color: rgba(0,0,0,.6);
1685    margin-top:-60px;
1686    font-size:1.3rem;
1687    padding: 10px;
1688    text-align: center;
1689    font-family: 'Lora', serif;
1690    font-weight:700;
1691    font-style: italic;
1692    color:#fff;
1693    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
1694    position:relative;
1695    height:56px;
1696}
1697.services_blocks_wrapper li {
1698    list-style:none;
1699    text-align:center;
1700    margin-left:none;
1701    width:100%;
1702    padding:4px;
1703    
1704}
1705.services_blocks_wrapper a {
1706    display:block;
1707    color:#034A87;
1708    padding:0 20px;
1709    margin:0 auto;
1710    font-family: 'Montserrat', sans-serif;
1711    font-size:1rem;
1712    font-weight:700;
1713    text-decoration:none;
1714    height:30px;
1715    width: 100%; 
1716}
1717.services_blocks_wrapper a:hover {
1718    text-decoration:underline;
1719}
1720ul.service_block_list {
1721    list-style:none;
1722    margin:0;
1723    padding:0;
1724}
1725@media (max-width: 1200px) {
1726        .services_blocks_wrapper {
1727            display: grid;
1728            grid-template-columns: 1fr 1fr 1fr;
1729            grid-gap: 10px;
1730        }
1731    }
1732@media (max-width: 1024px) {}    
1733@media (max-width: 980px) {
1734    #evo_services_blocks {
1735        padding: 20px;
1736    }
1737    .services_blocks_wrapper {
1738        grid-template-columns: repeat(3, 1fr);
1739    }
1740}
1741@media (max-width: 834px) {}
1742@media (max-width: 768px) {
1743    #evo_services_blocks {
1744        padding: 10px;
1745        max-width:94vw;
1746        width:100%;
1747        display:block;
1748        margin:0 20px;
1749        background-image:none;
1750    }
1751    .services_blocks_wrapper {
1752        grid-template-columns: 1fr;
1753        max-width:90vw;
1754        width:100%;
1755    }
1756    .services_blocks_wrapper img {display:none;}
1757    .services_blocks_wrapper h2 {
1758    background-color: #2A637B;
1759    margin-top: 0px;
1760        
1761    }
1762    .services_blocks_wrapper a {
1763    height:auto !important;
1764    }
1765}
1766@media (max-width: 375px) {
1767    #evo_services_blocks {
1768        padding: 6px;
1769        max-width:94vw;
1770        width:100%;
1771        display:block;
1772        margin:0 20px;
1773        background-image:none;
1774    }
1775    .services_blocks_wrapper {
1776    grid-template-columns: 1fr;
1777    max-width: 100vw;
1778    width: 100%;
1779    margin-left: -20px;
1780    }
1781}
1782@media (max-width: 320px) {
1783    #evo_services_blocks {
1784        padding: 6px;
1785        max-width:94vw;
1786        width:100%;
1787        display:block;
1788        margin:0 20px;
1789        background-image:none;
1790    }
1791    .services_blocks_wrapper h2 {
1792    height:auto;
1793    font-size:1.1rem;
1794    }
1795    ul.service_block_list {
1796        margin-top:-10px;
1797        padding:0;
1798        margin-bottom:0;
1799    }
1800}
1801/* SERVICES BLOCKS - END */
1802
1803/* News for Mobile - Start */
1804#news-mobile-wrapper {
1805    display:none;
1806    visibility:hidden;
1807    margin: 0 auto;
1808    width:500px;
1809    max-width:90vw;
1810}
1811#news-mobile-headline {
1812    font-size:1.5rem;
1813    font-weight:700;
1814    color: #095A7D;
1815    margin:5px auto;
1816    text-align:left;
1817    width:100%;
1818    font-family:'Crimson Text', serif;
1819}
1820#news-mobile-wrapper .news-headline {
1821    display:block;
1822    background:#095A7D;
1823    margin:5px auto;
1824    padding:10px;
1825}
1826#news-mobile-wrapper .news-headline a {
1827    font-size:1rem;
1828    font-weight:500;
1829    color:#ffffff;
1830    text-decoration:none;
1831}
1832#news-mobile-wrapper .news-summary {display:none;}
1833#news-mobile-wrapper .news-date {display:none;}
1834/* News for Mobile - End */
1835
1836/* *** EVO NEWS SLIDER - BEGIN *** */ 
1837body #evo_news_slider_wrapper {
1838    width:100%;
1839    max-width:100vw;
1840    margin-top:20px;
1841    margin-bottom:20px;
1842    max-height:600px;
1843    height:500px;
1844    overflow-y:hidden;
1845    background-color:#fff;
1846    padding-left: 20px;
1847    padding-right: 20px;
1848}
1849.evo_news_posts_heading {
1850font-size: 1.8rem;
1851color: rgba(25, 83, 113, 1);
1852border-bottom: solid 2px #dddddd;
1853font-family:'Lato', sans-serif;
1854text-align:center;
1855width: 1400px;
1856  margin: 0 auto 20px auto;
1857}
1858body .evo_news_posts_columns_slideshow_wrapper {
1859    height: auto;
1860    position: relative;
1861    padding-left: 25px;
1862    padding-right: 60px;
1863    width: 1400px;
1864    max-width:100vw;
1865    margin: 0 auto;
1866    box-sizing: border-box;
1867}
1868.evo_news_posts_columns_slideshow_wrapper .evo_news_post_columns_slideshow_previous {
1869    color:rgba(25, 50, 80, 1);
1870    font-size:2rem;        
1871}
1872.evo_news_posts_columns_slideshow_wrapper .evo_news_post_columns_slideshow_next {
1873    color:rgba(25, 50, 80, 1);
1874    font-size:2rem;
1875}
1876/* add rounded corners to news images */
1877.evo_news_posts_column_slideshow_thumbnail a img {
1878    border-radius:15px;
1879    max-height:270px;
1880}
1881.evo_news_posts_column_slideshow_thumbnail > a {min-height:220px;}
1882.news_post_columns_inner_wrapper {
1883    grid-template-columns: repeat(auto-fill, minmax(24%, 1fr)) !important;
1884} 
1885body .evo_news_posts_columns_slideshow_wrapper .evo_news_posts_columns_slideshow_slide {
1886    height: 600px;
1887    overflow-y: auto;
1888    box-sizing: border-box;
1889    padding-left: 15px;
1890    padding-right: 15px;
1891    display: inline-block;
1892    position: relative;
1893    margin:0 auto;
1894    }
1895@media (max-width: 1024px) {
1896    body #evo_news_slider_wrapper {
1897    height:auto !important;
1898    }    
1899}
1900@media (max-width: 768px) {
1901        #evo_news_slider_wrapper div.evo_news_posts_heading {
1902        margin: 0 auto;
1903    }
1904}
1905@media (max-width: 580px) {
1906    body #evo_news_slider_wrapper {
1907        display:none;
1908    }
1909    body #news-mobile-wrapper {
1910        visibility: visible !important;
1911        display:block !important;
1912    }
1913}
1914/* EVO NEWS SLIDER - END */ 
1915
1916/* Mobile Events & Meetings List - Start */
1917#events-mobile-wrapper {
1918    display: none !important;
1919    visibility:hidden;
1920    margin:20px auto 0 auto;
1921    width:100%;
1922    max-width:100vw;
1923    background-color:#0B76A3 !important;
1924    color:#ffffff;
1925    padding:10px;
1926}
1927#events-mobile-headline {
1928    font-size:1.6rem;
1929    font-weight:700;
1930    color: #ffffff;
1931    margin:5px auto;
1932    text-align:center;
1933    width:100%;
1934    }
1935#events-mobile-wrapper div.event_overview_and_details_wrapper > a {
1936    text-decoration:none;
1937}
1938#events-mobile-wrapper div.event_overview_and_details_wrapper > a > div {
1939    color:#ffffff;
1940}
1941#events-mobile-wrapper .events-time {
1942    color:#eeeeee;
1943}
1944#events-mobile-wrapper .month_name {
1945    margin: 10px auto;
1946    display: block:line-height: 2rem;
1947    width: 100vw;
1948    font-size: 1.2rem;
1949    text-transform: uppercase;
1950    text-align: center;
1951    line-height: 2rem;
1952    padding-left: 37vw;
1953    font-weight: 700;
1954    font-family: 'farro', sans-serif;
1955    color: #C6BDB3;
1956    letter-spacing: 4px;
1957}
1958#events-mobile-wrapper .events-summary {
1959        color:#fff !important;
1960    
1961    }
1962#events-mobile-wrapper .events-container .events-month-day {
1963    display: block !important;
1964    background: #333;
1965    width: 70px;
1966    height: 70px;
1967    border-radius: 20px;
1968    color: #FFF;
1969    text-align: center;
1970    line-height: 0;
1971    font-weight: bold;
1972    padding: 5px;
1973}/* DAY BUBBLE */
1974/* Mobile Events & Meetings List - Start - End*/
1975
1976/* === EVENTS AND MEETINGS - BEGIN === */
1977body #events_meetings_wrapper {
1978display:block;
1979padding: 20px 40px 0 20px;
1980max-width: 1440px;
1981margin: 0 auto;
1982}
1983body #evo_events_calendar {
1984display: grid;
1985grid-gap: 20px;
1986grid-template-columns: 50% 50%;
1987}
1988body #events_title_wrapper {
1989    text-align:center;
1990}
1991body #events_title_wrapper img {
1992    width:100%;
1993}
1994body .community_wrapper {
1995    display: block;
1996    margin-bottom: 30px;
1997    background-color:#fff;
1998    padding:30px;
1999    border-radius:1em;
2000}    /* overall wrapper for community events and meetings */
2001body .evo_events_heading {
2002    font-size: 1.8rem;
2003    color:#4A4239;
2004    border-bottom: solid 2px #dddddd;
2005    margin-bottom: 10px;
2006    font-family:'Lato', sans-serif;
2007}    /*sets the font for the main title over the events block and adds a solid line under the heading  */
2008#evo_calendar_view_all {
2009    color: #333;
2010    float: right;
2011    padding: 5px;
2012    text-decoration: none;
2013    font-size: 1.0rem;
2014}    /* View-All Button */
2015#evo_calendar_view_all:hover {
2016    text-decoration: underline;
2017}    /* underline the text on the view-all button on mouseover */
2018.meeting_wrapper {
2019    display: block;
2020    margin-bottom: 30px;
2021    background-color:#fff;
2022    padding:30px;
2023    border-radius:1em;
2024}    /* MEETINGS */
2025/* sets bottom margin for the events block */
2026/* View-all Button */
2027#evo_meetings_view_all {
2028    color: #333;
2029    float: right;
2030    padding: 5px;
2031    text-decoration: none;
2032    font-size: 1.0rem;
2033
2034}
2035#evo_meetings_view_all:hover {
2036    text-decoration: underline;
2037}
2038/* underline the text on the view-all button on mouseover */
2039/* shared styles bettween both panels */
2040body .event_overview_and_resources_outer_wrapper {
2041    display: grid;
2042    grid-template-columns: 14px 1fr;
2043}
2044/* This fixes the huge padding that is to the right of the month-day box in evo common */
2045.event_overview_and_details_wrapper {
2046    padding: 0;
2047}
2048/* body of the details on each event - had too much left padding */
2049.event_overview_wrapper a {
2050    text-decoration: none !important;
2051    color: #333;
2052}
2053/* removes the underlinining on the preview body text of the meeting posts */
2054.events-view-all {
2055    display: none;
2056}
2057/* remove indent on 1st meeting for each month */
2058body .events-month-year-content-wrapper {
2059    padding-left: 0px;
2060}
2061/* Hide the text link at the end of the meeting list to view more meetings */
2062/* DAY BUBBLE */
2063.events-container .events-month-day {
2064    display: block !important;
2065    background: #0E91C9;
2066    width: 70px;
2067    height: 70px;
2068    border-radius: 20px;
2069    color: #FFF;
2070    text-align: center;
2071    line-height: 0;
2072    font-weight: bold;
2073    padding: 5px;
2074}
2075body .events-month-abbreviation {
2076    text-transform: uppercase;
2077    margin-top:8px;
2078    font-size:.8rem;
2079}
2080body .events-month-day-day {
2081    margin-top:4px;
2082    padding-top:10px;
2083    font-size:1.9rem;
2084}
2085.events-month-day-name {
2086    display: block !important;
2087    margin-top: -8px; !important;
2088    padding:0 !important;
2089    font-size:.8rem !important;
2090    text-transform:uppercase !important;
2091}
2092/* The title of the event */
2093.events-headline {
2094    margin-left: 70px;
2095    font-weight: bold;
2096    color: #333;
2097
2098}
2099/* Change the link color of each event title */
2100.events-headline a {
2101    text-decoration: underline;
2102    color: #333;
2103}
2104/* Sets the minimum height, solid line underneath, and space between events */
2105.events-container {
2106    min-height: 100px;
2107    margin-bottom: 10px;
2108    border-bottom: 1px solid #eee;
2109}
2110/* shows the time of day for each meeting start */
2111.events-time {
2112    margin: 0;
2113    margin-left: 70px;
2114    color: rgba(140, 140, 140, 1.0);
2115}
2116.events-date-with-time {
2117    display: none;
2118}
2119/* Alternative display of meetings with time of day. hidden by default */
2120.events-day_of_week {
2121    display: none;
2122}
2123/* Alternative display of the name of the day for meetings - hidden by default */
2124.events-summary {
2125    margin-left: 70px;
2126
2127}
2128/* moves the summary of the event to the right so it doesn't hit the date bubble */
2129.events-summary a {
2130    text-decoration: none !important;
2131}
2132/* hide the underlining on the event summary text but it is still clickable */
2133.events-month-year-heading, .events-date, .month, .events-day_wrapper {
2134    display: none;
2135}
2136/* hides headings not in use */
2137.event_list {
2138    max-height: 500px;
2139    overflow: auto;
2140}
2141/* The block that shows events - sets overall height of the feature bar */
2142.event_list::-webkit-scrollbar {
2143    -webkit-appearance: none;
2144}
2145/* hiding scrollbars across multiple browsers */
2146.event_list::-webkit-scrollbar:vertical {
2147    width: 11px;
2148}
2149/* hiding vertical scrollbars across multiple browsers */
2150.event_list::-webkit-scrollbar:horizontal {
2151    height: 11px;
2152}
2153/* hiding horizontal scrollbars across multiple browsers */
2154.event_list::-webkit-scrollbar-thumb {
2155    border-radius: 8px;
2156    border: 2px solid white; /* should match background, can't be transparent */
2157    background-color: rgba(0, 0, 0, .5);
2158}
2159/* changing background color of scrollbars to make them invisible */
2160.event_details_heading {
2161    margin-left: 70px;
2162    font-weight: bold;
2163}
2164/* Moves the heading of each event to the right so that it does not colide with the date bubble */
2165.event_files_ul {
2166    list-style: none;
2167    margin: 0;
2168    margin-left: 70px;
2169    padding: 0;
2170    text-decoration: underline;
2171    font-size: 14px;
2172}
2173/* hides the formatting of the list used to output meeting files */
2174.evo_event_video_meeting_link {
2175    text-decoration: underline !important;
2176}
2177/* make sure that the video link is underlined so that the public can see that it is a link */
2178/* Tablet and Mobile Media Queries - Begin */
2179@media (max-width: 1200px) {
2180    #events_meetings_wrapper {display:block !important;}
2181    #evo_events_calendar {
2182        display: grid;
2183        grid-gap: 20px;
2184        grid-template-columns: 1fr;
2185        padding: 20px 30px;
2186    }
2187    
2188    /* overall wrapper for community events and meetings */
2189
2190    body #evo_events_calendar {
2191        display: grid;
2192        grid-gap: 20px;
2193        grid-template-columns: 1fr;
2194        padding: 0 20px;
2195    }
2196}
2197@media (max-width: 768px) {
2198    #events_meetings_wrapper {display:block !important;}
2199    body #evo_events_calendar {
2200        display: grid;
2201        grid-gap: 20px;
2202        grid-template-columns: 1fr;
2203        padding: 0 10px;
2204    }
2205
2206    /* overall wrapper for community events and meetings */
2207    .event_resources_wrapper {
2208        margin-top: -20px;
2209        max-width: 320px;
2210    }
2211
2212    /* wrapper for the web meeting and files column */
2213}
2214@media (max-width: 580px) {
2215    #events_meetings_wrapper {display:none !important;}
2216    #events-mobile-wrapper {
2217     visibility: visible !important;
2218     display:block !important;
2219     background-color:#073E65;
2220    }
2221    div.event_overview_and_details_wrapper > div > div > a > p.events-summary {display:none;}
2222    body div.event_resources_wrapper > ul > li > a {color:#ffffff;}
2223    body .event_overview_and_resources_wrapper.event_display_resources_column {
2224    grid-template-columns: 1fr !important;
2225    padding-bottom:10px !important;
2226    }
2227}
2228/* Tablet and Mobile Media Queries - END */
2229/* EVENTS AND MEETINGS - END */
2230
2231/* SLIDESHOW - BEGIN */
2232/* Make slides clickable */
2233.evo_slide_link {
2234    z-index: 5000 !important;
2235    cursor: pointer;
2236}
2237/* title above the slideshow */
2238.evo_content_slideshow_title {
2239    font-size: 1.8rem;
2240    color: rgba(25, 83, 113, 1);
2241    font-family: 'Lato', sans-serif;
2242    text-align:center;
2243    margin:0;
2244    padding:0;
2245}
2246#home-feature-slideshow {
2247    display: block;
2248    height: 500px;
2249    width: 1000px;
2250    margin: 0 auto;
2251    text-align: center;
2252}
2253ul.evo_slideshow_indicators {
2254    display: none;
2255}
2256body #evo_background_slideshow {
2257    z-index: -1;
2258    height: 500px;
2259    max-width: 1000px;
2260    margin: 0 auto;
2261}
2262body #evo_background_slideshow .item {
2263    width: 100%;
2264    height: 500px;
2265}
2266#evo_background_slideshow img {
2267    object-fit: cover;
2268    position: absolute;
2269}
2270#evo_background_slideshow .evo_slideshow {
2271    height: 100%;
2272}
2273.evo_param_slideshow_type__grid > div {
2274    position: relative;
2275}
2276.carousel-inner > .item {
2277    transition: transform .6s ease-in-out;
2278    /* fix the flashing at the end of the slide deck */
2279    -webkit-backface-visibility: hidden;
2280    -webkit-transform: translateZ(0) scale(1.0, 1.0);
2281}
2282/* caption box */
2283.evo_slideshow_caption_wrapper {
2284    background-color: rgba(50, 70, 43, .85);
2285    position: absolute;
2286    top: 15px;
2287    right: 15px;
2288    padding: 10px;
2289    width: 260px;
2290    border-radius: 6px;
2291}
2292/* box for text */
2293body .evo_grid_based_theme .evo_slideshow_slide_label {
2294    color: #fff;
2295    font-family: 'Lato', sans-serif;
2296    Font-size: 1.5rem;
2297    padding-top: 0;
2298}
2299/* Main text title for each slide */
2300body .evo_grid_based_theme .evo_slideshow_slide_content {
2301    font-size: .9rem;
2302    color: #fff;
2303    font-weight: 300;
2304    font-family: 'Lato', sans-serif;
2305    text-shadow: none;
2306}
2307/* Secondary text content */
2308/* button styles */
2309.list-unstyled {
2310    list-style: none;
2311    margin-left: 0;
2312    padding-left: 0;
2313}
2314body .evo_grid_based_theme .evo_slideshow_slide_content .btn {
2315    border: 2px solid #fff;
2316    color: #fff;
2317    padding: 4px;
2318    margin: 0 auto;
2319    text-decoration: none;
2320    list-style: none;
2321    font-size: .9rem;
2322    text-shadow: none;
2323    text-transform: uppercase;
2324}
2325body .evo_grid_based_theme .evo_slideshow_slide_content .btn:hover {
2326    background-color: #fff;
2327    color: #253D21;
2328}
2329/* caption box - end */
2330.evo_grid_based_theme .evo_slideshow_slide.current_slide .evo_slideshow_caption_wrapper {
2331    display: unset;
2332}
2333#evo_background_slideshow .evo_slideshow_slides_wrapper {
2334    position: relative;
2335    overflow: hidden;
2336}
2337.evo_slideshow_slides_wrapper .current_slide img {
2338    opacity: 1;
2339    z-index: -1;
2340    transition: opacity 1.25s ease-in-out;
2341}
2342#evo_background_slideshow .evo_slideshow_indicators {
2343    list-style-type: none;
2344}
2345#evo_background_slideshow .evo_slideshow_previous {
2346    display: none;
2347}
2348#evo_background_slideshow .evo_slideshow_next {
2349    display: none;
2350}
2351.evo_slideshow_slides_wrapper {
2352    position: absolute;
2353    top: 0px;
2354    width: 100%;
2355    border-top: 0px black solid;
2356    height: 100%;
2357}
2358.evo_slideshow_slides_wrapper .item {
2359    width: 100%;
2360    height: 100%;
2361}
2362.evo_slideshow_slides_wrapper img {
2363    object-fit: cover;
2364    position: absolute;
2365    opacity: 0;
2366    transition: opacity 1.25s ease-in-out;
2367/* fix the flashing at the end of the slide deck */
2368-webkit-backface-visibility: hidden;
2369 -webkit-transform: translateZ(0) scale(1.0, 1.0);
2370}
2371/* slideshow control buttons */
2372body .evo_grid_based_theme .evo_slideshow_controls {
2373    padding: 5px;
2374    position: absolute;
2375    background-color: rgba(40, 40, 40, 0.8);
2376    top: 70%;
2377    right: 0px;
2378    color: black;
2379}
2380/* action bar under slideshow */
2381.slideshow_bar_wrapper {
2382    margin: 0 auto 20px auto;
2383    display: grid;
2384    grid-gap: 0px;
2385    grid-template-columns: 1fr 1fr;
2386    width: 1000px;
2387}
2388.slideshow_bar_block {
2389    display: block;
2390    background-color: #4C7A3B;
2391    width: 100%;
2392    height: 120px;
2393    color: #fff;
2394    padding: 0px;
2395    margin: 0px;
2396    cursor: pointer;
2397}
2398.slideshow_bar_title {
2399    font-size: 1rem;
2400    font-family: 'Lato', sans-serif;
2401    font-weight: 300;
2402    padding: 30px 0 0 20px;
2403}
2404.slideshow_bar_subtitle {
2405    font-size: 1.8rem;
2406    font-family: 'Lato', sans-serif;
2407    font-weight: 300;
2408    padding-left: 20px;
2409}
2410.slideshow_bar_caret {
2411    display: block;
2412    color: rgba(255, 255, 255, 0.5);
2413    font-size: 3.5rem;
2414    font-weight: 300;
2415    width: 40px;
2416    height: 40px;
2417    position: relative;
2418    bottom: 60px;
2419    right: 10px;
2420    padding: 4px;
2421    margin-right: 0;
2422    margin-left: auto;
2423    text-align: center;
2424    vertical-align: middle;
2425    line-height: normal;
2426}
2427@media (max-width: 768px) {
2428    body #evo_background_slideshow {
2429        height: 45vw;
2430        width: 90vw;
2431        z-index: -1;
2432        margin-top: 125px;
2433        margin-left: auto;
2434        margin-right: auto;
2435        margin-bottom: 0;
2436    }
2437    body #evo_background_slideshow .item {
2438        height: 45vw;
2439        width: 95vw;
2440    }
2441    #evo_background_slideshow img {
2442        max-width: 100%;
2443        top: 0px;
2444    }
2445    #evo_background_slideshow .evo_slideshow_slides_wrapper {
2446        position: relative;
2447        overflow: visible;
2448    }
2449    body #evo_background_slideshow .evo_slideshow_slide.current_slide {
2450        height: 45vw;
2451    }
2452    body .evo_grid_based_theme .evo_slideshow_controls {
2453        top: 50%;
2454    }
2455    body .evo_slideshow_slides_wrapper {
2456        position: absolute;
2457        top: 0px;
2458        width: 90vw;
2459        border-top: 0px black solid;
2460        height: 45vw;
2461    }
2462    body .evo_slideshow_slides_wrapper .item {
2463        width: 90vw;
2464        height: 45vw;
2465    }
2466    body .slideshow_bar_wrapper {
2467        grid-template-columns: 1fr;
2468    }
2469    body .slideshow_bar_block {
2470        width: 90vw;
2471        margin-left: 5vw;
2472
2473    }
2474    /* caption box - moved above slideshow on mobile */
2475    .evo_slideshow_caption_wrapper {
2476        display: block;
2477        width: 100%;
2478        max-width: 90vw;
2479        background-color: rgba(50, 70, 43, .85);
2480        position: absolute;
2481        top: 0;
2482        left: 0;
2483        padding: 10px;
2484        max-width: 90vw;
2485        border-radius: 0;
2486        z-index: 1;
2487        margin-top: -125px;
2488
2489    }
2490    /* box for text */
2491    body .evo_grid_based_theme .evo_slideshow_slide_label {
2492        color: #fff;
2493        font-family: 'Lato', sans-serif;
2494        Font-size: 1.5rem;
2495        padding-top: 0;
2496    }
2497    /* Main text title for each slide */
2498    body .evo_grid_based_theme .evo_slideshow_slide_content {
2499        font-size: .9rem;
2500        color: #fff;
2501        font-weight: 300;
2502        font-family: 'Lato', sans-serif;
2503        text-shadow: none;
2504    }
2505    /* Secondary text content */
2506}
2507/* CONTENT SLIDESHOW - END */
2508
2509/* ************************ */
2510/* HOME PAGE ELEMENTS - END */
2511/* ************************ */</style>
2512    <div id="evo_footer_wrapper">
2513        <div id="evo_footer">
2514            <div class="footer-box">
2515                <div class="footer_box_1">
2516                    <div class="address">
2517                        <h3>Contact Info</h3>
2518                        <ul>
2519                            <li>City of Watertown<br>City Hall<br>245 Washington St<br>Watertown, NY  13601<br><br><a href="/directory">Staff Directory</a></li>
2520                        </ul>
2521                    </div>
2522                </div>
2523                <div class="footer_box_2">
2524                    <!--
2525                    <div class="resources">
2526                        <h3>Get Involved</h3>
2527                        <div id="evo_faq_links_menu"
2528                             class="evo_cloud_widget evo_param_cta_menu evo_param_menu_depth_down__1 evo_param_menu_name__home_get_involved"></div>
2529                    </div>
2530                    --->
2531                </div>
2532                <div class="footer_box_3">
2533                <!--
2534                    <div class="site-links">
2535                        <h3>Follow Us</h3>
2536                        <div id="evo_site_links_menu"
2537                             class="evo_cloud_widget 
2538                             evo_param_cta_menu 
2539                             evo_param_menu_depth_down__1 
2540                             evo_param_menu_name__follow_us"></div>
2541                    </div>
2542                -->
2543                </div>
2544                <div class="footer_box_4">
2545                    <img id="evo_logo_secondary" alt="Watertown, New York logo" src="/media/Design Files/fountain.png">
2546                </div>
2547            </div>
2548            <div id="evo_link_to_evogov_cms"><a href="https://www.evogov.com/" target="_blank" title="Municipal Content Management System CMS">Website By EvoGov</a></div>
2549        </div>
2550    </div>
2551<script>/* VERSION 05/29/2019 Theme:  Grid */
2552// evo_run_format_main_menu waits for the main menu widget to be defined and executes the code to format the main menu.
2553var evo_run_format_main_menu = function () {
2554    if (typeof (window.Evo.EvoCloudWidgetMenu) == "undefined") {
2555        setTimeout(evo_run_format_main_menu, 100);
2556        return undefined;
2557    }
2558    if (typeof (window.Evo.EvoCloudWidgetMenu.format_main_menu) == "undefined") {
2559        setTimeout(evo_run_format_main_menu, 100);
2560        return undefined;
2561    }
2562    window.Evo.EvoCloudWidgetMenu.format_main_menu(evo_main_menu_configuration);
2563    window.setTimeout(window.Evo.EvoCloudWidgetMenu.format_main_menu_on_resize, 500);
2564    window.setTimeout(window.Evo.EvoCloudWidgetMenu.format_main_menu_on_resize, 2000);
2565    window.setTimeout(window.Evo.EvoCloudWidgetMenu.format_main_menu_on_resize, 5000);
2566};
2567/*  evo_main_menu_configuration defines how the main menu should be formated 
2568'main_menu_default': {'number_of_columns': [integer, typically 1-4], 'overall_height': [integer, height of the column box], 'side_margin': [integer, px width of the box side margins], 'additional_width': [integer], 'left_side': [integer], 'mobile_styling_max_width': [integer]},
2569'integer [column number, starting with 0]': {'top': [integer, top px to start displaying the menu], 'bottom': [integer, bottom px to stop displaying the menu]}
2570'text in menu heading [lowercase, replace spaces with _]': {override main_menu_default values}
2571'text_in_menu_heading_[integer column number]': {override column default values}
2572*/
2573var evo_main_menu_configuration = { 'main_menu_default': { 'number_of_columns': 3, 'overall_height': 440, 'side_margin': 10, 'additional_width': 0, 'left_side': 0, 'tablet_styling_max_width': 1500, 'tablet_styling_minimum_x': 50 },
2574
2575"government": {'number_of_columns': 2, 'overall_height': 400},
2576"government_0": {'top': 10, 'bottom': 390},
2577"government_1": {'top': 10, 'bottom': 390},
2578"government_2": {'top': 10, 'bottom': 390},
2579"government_3": {'top': 10, 'bottom': 390},
2580"departments": {'number_of_columns': 3, 'overall_height': 400},
2581"departments_0": {'top': 10, 'bottom': 350},
2582"departments_1": {'top': 10, 'bottom': 350},
2583"departments_2": {'top': 10, 'bottom': 350},
2584"departments_3": {'top': 10, 'bottom': 350},
2585"residents": {'number_of_columns': 3, 'overall_height': 400},
2586"residents_0": {'top': 10, 'bottom': 390},
2587"residents_1": {'top': 10, 'bottom': 390},
2588"residents_2": {'top': 10, 'bottom': 390},
2589"residents_3": {'top': 10, 'bottom': 390},
2590"visitors": {'number_of_columns': 3, 'overall_height': 400},
2591"visitors_0": {'top': 10, 'bottom': 390},
2592"visitors_1": {'top': 10, 'bottom': 390},
2593"visitors_2": {'top': 10, 'bottom': 390},
2594"visitors_3": {'top': 10, 'bottom': 390},
2595"calendar": {'number_of_columns': 3, 'overall_height': 400},
2596"calendar_0": {'top': 10, 'bottom': 390},
2597"calendar_1": {'top': 10, 'bottom': 390},
2598"calendar_2": {'top': 10, 'bottom': 390},
2599"calendar_3": {'top': 10, 'bottom': 390},
2600"i_want_to...": {'number_of_columns': 3, 'overall_height': 400},
2601"i_want_to..._0": {'top': 10, 'bottom': 390},
2602"i_want_to..._1": {'top': 10, 'bottom': 390},
2603"i_want_to..._2": {'top': 10, 'bottom': 390},
2604"i_want_to..._3": {'top': 10, 'bottom': 390},
2605
2606};
2607evo_widget_search_form_submit_html = '<button><i class="fa fa-search" aria-hidden="true"></i></button>';  // Defines the html in the search box button
2608menu_text_to_put_logo_after = undefined;  // Set to undefined if not used, moves the logo to a specific spot on the menu
2609menu_logo_animate_on_mouseover = false; // Set to true for the logo to animate when mouse-over on menu items
2610evo_main_menu_pad_to_edge_of_view = false
2611evo_body_background = 'url("") no-repeat center center fixed';
2612evo_main_menu_pad_to_edge_of_view = true;
2613evo_run_format_main_menu();  // Format the main menu (waits for any AJAX calls to complete)
2614
2615evo_bottom_cta_left_image_left_adjustment = -40
2616evo_bottom_cta_left_image_top_adjustment = 150
2617window.evo_alerts_body_transform = "translateY(20px)";
2618window.evo_ol_foreground_font_size_offset = 0;
2619
2620window.evo_external_links_open_new_tab = false;
2621window.evo_external_links_warning_icon = ''; // EXAMPLE USAGE:  <i class="fa fa-fire" aria-hidden="true" style="margin-left: 10px;color:red"></i>';
2622window.evo_external_links_warning_popup = "";
2623window.evo_external_links_warning_popup_domains_to_exclude = [];</script>
vendor: 1 bytes, line 2623
2623
2624<script>/* Requires the following Div to be added to the Page:  <div id="fb-root"></div>*/
2625/* code is from:  https://developers.facebook.com/docs/plugins/page-plugin */
2626
2627(function(d, s, id) {
2628  var js, fjs = d.getElementsByTagName(s)[0];
2629  if (d.getElementById(id)) return;
2630  js = d.createElement(s); js.id = id;
2631  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.10";
2632  fjs.parentNode.insertBefore(js, fjs);
2633}(document, 'script', 'facebook-jssdk'));</script>
2633
2634<!-- 
2634<script src="https://cdn.userway.org/widget.js" data-account="JG0v8yDYwk"></script>
2634 -->
2635<script src="https://evocloud-prod3-static.evogov.com/evo_misc/evo_page_view_beacon.js" async></script>
vendor: 1 bytes, line 2635
2635
2636<script src="https://evocloud-prod3-static.evogov.com/evo_access/evo_access.js?v=4" defer data-evo-accent="" data-evo-position="br"></script>
2636
2637</body>
2638</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.