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.