@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');



#homepage.police-dept,
#freeform.police-dept {
    --brandcolor: #3C8BC6;
    --brandlight: #E7F0F8;
}
#homepage.fire-dept,
#freeform.fire-dept {
    --brandcolor: #7A180D;
    --brandlight: #FBE6E3;
}
#homepage.parks-dept,
#freeform.parks-dept {
    --brandcolor: #2e6417;
    --brandlight: #E3F7EB;
}
#homepage.public-works-dept,
#freeform.public-works-dept {
    --brandcolor: #4D4C43;
    --brandlight: #FFFCE3;
}

body {
	background: #fff; 
	font-size: 16px;
	line-height: 1.6;
	font-family: "Open Sans", sans-serif;
	color: #1B1B1B;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	top: 0 !important
}

a, a:visited {color: var(--brandcolor);}
.public-works-dept a, .public-works-dept a:visited {color: #665A00;}


.button,
a.button,
#post button:not(.rz-agenda-search-submit),
#post input[type="submit"],
#post input[type="reset"],
#post input[type="button"],
.rz-btn {background: var(--brandcolor);}

.public-works-dept .button,
.public-works-dept a.button,
.public-works-dept #post button:not(.rz-agenda-search-submit),
.public-works-dept #post input[type="submit"],
.public-works-dept #post input[type="reset"],
.public-works-dept #post input[type="button"],
.public-works-dept .rz-btn {color: #FFE001 !important;}



.dept-header {background-color: #0F5184;position: relative;z-index: 1020;}
.dept-header .container {width: 1628px;}
.dept-header-in {display: flex;align-items: center;justify-content: center;height: 80px;position: relative;}
.user-logged-in .dept-header-in {height: 100px;}
.dept-header #logo {width: 128px;}
.fire-dept .dept-header #logo {width: 121px;}
.parks-dept .dept-header #logo,
.public-works-dept .dept-header #logo {width: 160px;}
.dept-header #nav {list-style: none;padding: 0;margin: 0;}
.dept-header #nav ul {margin: 0;padding: 0;list-style-type: none;}
.dept-header #nav li {margin: 0;}
.dept-header #nav li a, .dept-header #nav li span {color: #fff;font-size: 18px;font-weight: 700;letter-spacing: -0.36px;display: block;text-transform: capitalize;text-decoration: none;padding: 12px 16px;}

.police-dept .sticky-header,
.fire-dept .sticky-header,
.parks-dept .sticky-header,
.public-works-dept .sticky-header {position: absolute;}

.police-dept .dept-header {position: sticky;position: -webkit-sticky; top: 0;}
.fire-dept .dept-header,
.parks-dept .dept-header,
.public-works-dept .dept-header {background-color: var(--brandcolor);position: sticky;position: -webkit-sticky; top: 0;}


#freeform.fire-dept #freeform-wrapper,
#freeform.police-dept #freeform-wrapper,
#freeform.parks-dept #freeform-wrapper,
#freeform.public-works-dept #freeform-wrapper {padding-top: 100px;}

/* breadcrumbs */
.department #breadcrumbs {background-color: var(--brandlight);margin: 0;padding: 8px 15px;text-align: center;}


/* slider */
.police-dept #slider::before, .fire-dept #slider::before, .parks-dept #slider::before, .public-works-dept #slider::before {position: absolute;content: '';background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.64) 24%, rgba(0, 0, 0, 0.40) 100%);width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.slider-heading span {border-bottom-color: var(--brandcolor);}
.public-works-dept .slider-heading span {border-bottom-color: #FFE001;}

.police-dept .tns-controls button:hover,
.fire-dept .tns-controls button:hover,
.parks-dept .tns-controls button:hover {background: #fff;}
.police-dept .tns-controls button:hover img {filter: brightness(0) saturate(100%) invert(54%) sepia(13%) saturate(2387%) hue-rotate(163deg) brightness(90%) contrast(84%);}
.fire-dept .tns-controls button:hover img {filter: brightness(0) saturate(100%) invert(11%) sepia(44%) saturate(4938%) hue-rotate(354deg) brightness(99%) contrast(96%);}
.parks-dept .tns-controls button:hover img {filter: brightness(0) saturate(100%) invert(49%) sepia(75%) saturate(424%) hue-rotate(93deg) brightness(97%) contrast(94%);}

#dept-content {padding: 120px 0 60px;}
.department blockquote {margin: 60px 0 0;}
.department blockquote {background-color: var(--brandlight) !important;}
.department blockquote span {color: var(--brandcolor) !important;}
.fire-dept.department blockquote span::before {filter: brightness(0) saturate(100%) invert(9%) sepia(64%) saturate(4107%) hue-rotate(356deg) brightness(107%) contrast(94%);}
.parks-dept.department blockquote span::before {filter: brightness(0) saturate(100%) invert(37%) sepia(10%) saturate(6012%) hue-rotate(112deg) brightness(96%) contrast(103%);}
.public-works-dept.department blockquote span::before {filter: brightness(0) saturate(100%) invert(26%) sepia(17%) saturate(271%) hue-rotate(16deg) brightness(99%) contrast(89%);}


.police-dept .section-heading img {filter: brightness(0) saturate(100%) invert(54%) sepia(13%) saturate(2387%) hue-rotate(163deg) brightness(90%) contrast(84%);}
.fire-dept .section-heading img {filter: brightness(0) saturate(100%) invert(9%) sepia(64%) saturate(4107%) hue-rotate(356deg) brightness(107%) contrast(94%);}
.parks-dept .section-heading img {filter: brightness(0) saturate(100%) invert(49%) sepia(75%) saturate(424%) hue-rotate(93deg) brightness(97%) contrast(94%);}
.public-works-dept .section-heading img {filter: brightness(0) saturate(100%) invert(29%) sepia(62%) saturate(944%) hue-rotate(23deg) brightness(97%) contrast(101%);} 

/* quick-links style */
#quick-links {padding: 60px 0;}
.police-dept .qlink-icon-box img {filter: brightness(0) saturate(100%) invert(13%) sepia(91%) saturate(3962%) hue-rotate(194deg) brightness(87%) contrast(88%);}
.fire-dept .qlink-icon-box img {filter: brightness(0) saturate(100%) invert(12%) sepia(20%) saturate(4759%) hue-rotate(342deg) brightness(91%) contrast(103%);}

.public-works-dept .quick-link {border-color: #FFE001;}
.public-works-dept .qlink-icon-box img {filter: brightness(0) saturate(100%) invert(25%) sepia(13%) saturate(421%) hue-rotate(16deg) brightness(100%) contrast(82%);}

/* news style */
#news {padding: 60px 0;}
.public-works-dept .news-item {border-color: #FFE001;}

/* events style */
#events {padding: 60px 0;}

/* videos style */
#videos {position: relative;padding: 60px 0;z-index: 1;}
#videos::before {position: absolute;content: '';background: linear-gradient(0deg, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 0%, var(--Color-Transparency-light, rgba(255, 255, 255, 0.92)) 100%);width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}
/* #videos .fp-tableCell {vertical-align: middle;padding-bottom: 0;} */
/* #video-wrap {height: 500px;} */
#videos .button {margin-top: 16px;}
#videos .section-text {margin-top: 16px;}

/* enotify style */
#enotify {padding: 72px 0;border-bottom: 1px solid var(--brandlight);}
.police-dept .enotify-icon-box img {filter: brightness(0) saturate(100%) invert(48%) sepia(58%) saturate(584%) hue-rotate(163deg) brightness(91%) contrast(82%);}
.fire-dept .enotify-icon-box img {filter: brightness(0) saturate(100%) invert(12%) sepia(22%) saturate(4085%) hue-rotate(337deg) brightness(94%) contrast(106%);}
.public-works-dept #enotify .button img {filter: brightness(0) saturate(100%) invert(80%) sepia(68%) saturate(1641%) hue-rotate(1deg) brightness(108%) contrast(101%);}

#boxes {padding: 60px 0;}
#boxes-in {display: flex;gap: 8px;}
#boxes-in>div {width: 25%;}
#flyout-wrap, #hours-wrap, #resource-wrap {margin-top: 0;}
.police-dept #contact-wrap #contact-info li img {filter: brightness(0) saturate(100%) invert(48%) sepia(58%) saturate(584%) hue-rotate(163deg) brightness(91%) contrast(82%);}
.police-dept #contact-wrap .social-media-wrap,
.fire-dept #contact-wrap .social-media-wrap,
.parks-dept #contact-wrap .social-media-wrap,
.public-works-dept #contact-wrap .social-media-wrap {margin-top: 28px;}
.police-dept #contact-wrap .social-media-link img {filter: brightness(0) saturate(100%) invert(48%) sepia(58%) saturate(584%) hue-rotate(163deg) brightness(91%) contrast(82%);}
.police-dept #resource-wrap .resource-link img {filter: brightness(0) saturate(100%) invert(48%) sepia(58%) saturate(584%) hue-rotate(163deg) brightness(91%) contrast(82%);}
.police-dept #resource-wrap .resource-link:hover img {filter: brightness(0) saturate(100%) invert(88%) sepia(100%) saturate(2%) hue-rotate(276deg) brightness(104%) contrast(101%);}

.fire-dept #social-media, .police-dept #social-media, .parks-dept #social-media, .public-works-dept #social-media {padding: 100px 0;}

.contact-name-title {font-size: 18px;font-weight: 700;color: #1A1A1A;margin-bottom: 16px;text-transform: capitalize;padding-left: 37px;}

#freeform.public-works-dept .enotify-icon-box img {filter: brightness(0) saturate(100%) invert(26%) sepia(10%) saturate(478%) hue-rotate(17deg) brightness(100%) contrast(86%);}
#freeform.police-dept .enotify-icon-box img {filter: brightness(0) saturate(100%) invert(21%) sepia(69%) saturate(1352%) hue-rotate(181deg) brightness(97%) contrast(92%);}

.fire-dept #contact-wrap #contact-info li img,
.fire-dept #contact-wrap .social-media-link img,
.fire-dept #resource-wrap .resource-link img {filter: brightness(0) saturate(100%) invert(11%) sepia(44%) saturate(4938%) hue-rotate(354deg) brightness(99%) contrast(96%);}
.fire-dept #resource-wrap .resource-link:hover img {filter: brightness(0) saturate(100%) invert(88%) sepia(100%) saturate(2%) hue-rotate(276deg) brightness(104%) contrast(101%);}

.parks-dept #contact-wrap #contact-info li img,
.parks-dept #contact-wrap .social-media-link img,
.parks-dept #resource-wrap .resource-link img {filter: brightness(0) saturate(100%) invert(32%) sepia(12%) saturate(2544%) hue-rotate(58deg) brightness(94%) contrast(94%);}
.parks-dept #resource-wrap .resource-link:hover img {filter: brightness(0) saturate(100%) invert(88%) sepia(100%) saturate(2%) hue-rotate(276deg) brightness(104%) contrast(101%);}

.public-works-dept #contact-wrap #contact-info li img,
.public-works-dept #contact-wrap .social-media-link img,
.public-works-dept #resource-wrap .resource-link img {filter: brightness(0) saturate(100%) invert(30%) sepia(7%) saturate(709%) hue-rotate(17deg) brightness(87%) contrast(86%);}
.public-works-dept #resource-wrap .resource-link:hover img {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(75deg) brightness(103%) contrast(101%);}

@media only screen and (min-width:992px) {
    .dept-header #nav {list-style: none;padding: 0;margin: 0;display: flex !important;align-items: center;justify-content: center;}
    .dept-header #nav>li {height: 100%;}
    .dept-header #nav li a, .dept-header #nav li span {position: relative;display: inline-flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
    /* .dept-header .logo-wrap {position: absolute;left: 0;top: -90px;} */
	/* .fire-dept .dept-header .logo-wrap {top: -85px;}
	.parks-dept .dept-header .logo-wrap {top: -71px;}
	.public-works-dept .dept-header .logo-wrap {top: -57px;} */
	.dept-header #logo {top: 0;}
    .dept-header #nav {height: 80px;}
    .dept-header #nav>li>ul.make-mage {width: 1228px;}
    .dept-header #nav ul.make-mage a:not(.fa):hover,
	.dept-header #nav ul.make-mage span:hover {background-color: var(--brandcolor);color: #fff;}

	.user-logged-in .dept-header {top: 62px;}
	.dept-header.dept-header-sticky .logo-wrap #logo {top: 32px;}
	#freeform.parks-dept .dept-header.dept-header-sticky .logo-wrap #logo, #freeform.public-works-dept .dept-header.dept-header-sticky .logo-wrap #logo {top: 0;}
	.logo-wrap {transition: all 0.3s;}

	.fire-dept .dept-header-main.header-sticky .dept-header .logo-wrap,
	.parks-dept .dept-header-main.header-sticky .dept-header .logo-wrap,
	.police-dept .dept-header-main.header-sticky .dept-header .logo-wrap,
	.public-works-dept .dept-header-main.header-sticky .dept-header .logo-wrap {top: 10px;}
	.fire-dept .dept-header-main.header-sticky .dept-header .logo-wrap #logo,
	.parks-dept .dept-header-main.header-sticky .dept-header .logo-wrap #logo,
	.police-dept .dept-header-main.header-sticky .dept-header .logo-wrap #logo,
	.public-works-dept .dept-header-main.header-sticky .dept-header .logo-wrap #logo {top: 0;width: 80px;}
	.parks-dept .dept-header-main.header-sticky .dept-header .logo-wrap #logo {width: 143px;}
	.public-works-dept .dept-header-main.header-sticky .dept-header .logo-wrap #logo {width: 160px;}

	.fire-dept .dept-header #nav>li>ul.make-mage,
	.parks-dept .dept-header #nav>li>ul.make-mage,
	.public-works-dept .dept-header #nav>li>ul.make-mage {background-color: var(--brandlight); border-color: var(--brandcolor);}


	.police-dept #flyout>li:hover>a, #flyout>li:hover>span {color: var(--brandcolor);}
	.department.user-logged-in .box, .department.user-logged-in #flyout-wrap {padding-top: 44px !important;}
}

@media only screen and (max-width:991px) {
	.dept-header .logo-wrap {flex-direction: row-reverse;}
	.fire-dept .dept-header #logo,
	.police-dept .dept-header #logo {width: 52px;}
	.parks-dept .dept-header #logo, .public-works-dept .dept-header #logo {width: 98px;}
	.submenu-header {width: 42px;height: 42px;display: flex;align-items: center;justify-content: center;background-color: #fff;color: var(--brandcolor);border-radius: 4px;cursor: pointer;}

	.dept-header-in {position: static;}
	.dept-header #nav {position: absolute;left: 0;top: 100%;width: 100%;background: var(--brandcolor);}
	.dept-header #nav ul {display: none;}
	.dept-header #nav li {position: relative !important;}

	#slider-data {top: 50%;}

	#boxes-in {flex-direction: column;}
	#boxes-in>div {width: 100%;}

	#dept-content {padding: 48px 0;}
}