/* Setting global font. */
html,
body,
body span {

	margin: 0;
	padding: 0;
}

html,
body,
body span:not(.ab-icon, .esri-icon) {
	font-family: 'Lato', sans-serif !important;
}

#departmentFilteredListContactButton {
	max-width: fit-content;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}

#mainDepartmentContactPageButton {
	margin-top: 20px;
	margin-bottom: 35px;
}

/* Important Notice Banner */
#importantNoticeBanner {
	font-size: 24px !important;
	display: none;
	padding: 10px;
	text-align: center;
	background-color: rgb(255, 255, 0);
	color: #000000 !important;
	width: calc(100vw - 17px);
	margin-left: -20px;
}

#importantNoticeBanner>a {
	color: #000000;
}

#importantNoticeBanner:hover {
	text-decoration: underline;
	color: #0076BE !important;
}

/* stop elementor static menu issues while in editor mode */
body.elementor-editor-active header #headerdiv {
	position: relative !important;
}

.she-header-transparent-yes {
	position: fixed !important;
}

.swiper-pagination-bullet {
	padding: 5px;

}

/* Removing Elementor update padding that was added to post headers - JBH*/
.elementor-2281 .elementor-element.elementor-element-5d33631>.elementor-widget-container {
	margin-left: 0 !important;
}

/* ADA issues correction add outline to elementor sliders */
.swiper-pagination-bullet:focus,
.swiper-pagination-bullet:active {
	outline: 1px solid #000000;
	padding: 5px;
	background: #0076BE;
}

/* calendar date picker */
.duet-date__dialog-content {
	width: 375px;
	max-width: 375px;
	min-width: 375px;
	margin-top: 0px;
	padding: 5px;
}

.boardSearchDatePicker>.duet-date,
.boardSearchDatePicker>.duet-date>.duet-date__input-wrapper {
	display: inline-block;
	float: none;
	width: 175px !important;
	max-width: 175px;
	min-width: 175px;
	margin-top: 0px;
}

.boardSearchDatePicker .duet-date__nav {
	/* float: none; */
	width: auto !important;
}

.boardSearchDatePicker .duet-date__input {
	padding: 2px;
}



.returntocomogov {
	background-color: #0076BE;
	/* Green */
	border: 1px solid #fff;
	border-left: 0px;
	border-radius: 10px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	position: fixed;
	top: 25%;
	left: 0px;
	width: 30px;
	padding: 5px;
	z-index: 20000000;
	font-size: 10pt;
	color: white;
	text-decoration: none;
	writing-mode: vertical-rl;
	text-orientation: upright;
}

.returntocomogov:link,
.returntocomogov:visited {
	color: white;
}

.returntocomogov:hover {
	color: #eee;
}

@media only screen and (max-width: 959px) {
	.returntocomogov {
		display: none;
	}

	.returntocomogov span {
		display: none;
	}
}


img.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#featuredimage .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
	padding: 0px;
}

#featuredimage {
	margin-top: 100px !important;
	padding-top: 150px !important;
	height: 400px;
}

* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent
}

body {
	line-height: 1.4em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 15px !important;
	margin-bottom: 5px !important;
	line-height: 1.4em;
}

h1 {
	font-size: 2.5em;
}

h2 {
	font-size: 1.6em;
	color: #525252;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: .90em;
}

h6 {
	font-size: .80em;
}

p {
	margin-top: 5px;
}

fieldset {
	padding: 20px;
	margin-bottom: 10px;
}

.elementor-widget-breadcrumbs {
	font-size: 1em !important;
	margin-left: 5px;
}

.elementor-toggle-title {
	margin-left: 7px;

}

.highlight {
	background-color: yellow
}

a,
a:link,
a:visited {
	text-decoration: none;
}

.elementor-tab-title {
	color: #006EB8 !important;
}

div.elementor-tab-title {
	font-size: 26px;
}

.h3div div.elementor-tab-title {
	font-size: 20px;
}

a.elementor-toc__list-item-text {
	color: #0076BE !important;
}

a.elementor-toc__list-item-text:hover,
a.elementor-toc__list-item-text:focus,
a.elementor-toc__list-item-text:active {
	color: #000000 !important;
	text-decoration: none !important;
}

a.elementor-toc__list-item-text:hover,
a.elementor-toc__list-item-text:focus,
a.elementor-toc__list-item-text:active {
	color: #000000 !important;
	text-decoration: none !important;
}

.elementor-icon-box-icon a:link,
.elementor-icon-box-content a:link,
.elementor-icon-box-icon a:visited,
.elementor-icon-box-content a:visited {
	color: #000 !important;
	border-bottom: 0px dotted #0076BE;
}

.browserwarning {
	position: fixed;
	top: 0px;
	z-index: 2000000;
	border: 2px solid #000;
	background: #fff;
	width: 100%;
	padding: 10px;
	display: none;
}

.covidblocks .elementor-icon-box-icon a:link,
.covidblocks .elementor-icon-box-content a:link,
.covidblocks .elementor-icon-box-icon a:visited,
.covidblock .elementor-icon-box-content a:visited {
	color: #fff !important;
	border-bottom: 0px dotted #0076BE;
}

.socialmobileicons .elementor-icon-box-icon a:link,
.socialmobileicons .elementor-icon-box-content a:link,
.socialmobileicons .elementor-icon-box-icon a:visited,
.socialmobileicons .elementor-icon-box-content a:visited {
	color: #0076BE !important;
	border-bottom: 0px dotted #0076BE;
}

.contactsection a:link,
.contactsection a:visited {
	color: #fff !important;
	border-bottom: 0px dotted #fff !important;
}

.contactsection a:active,
.contactsection a:hover {
	color: #fff !important;
	border-bottom: 1px dotted #fff !important;
}

.contactsection .fas,
.contactsection .fab {
	color: #000 !important;
}

.buttonbar a:link,
.buttonbar a:visited {
	color: #000;
	font-weight: bold;
	/*font-size: 14px !important;*/
}

.buttonbar a,
.buttonbar .elementor-icon {
	color: #000;
	/*font-size: 70px !important;*/
}

.buttonbar a:hover,
.buttonbar .elementor-icon:hover,
.buttonbar a:focus,
.buttonbar a:active {
	color: #0076BE !important;
}

.buttonbar .elementor-icon-box-icon a {
	line-height: .25;
}

.buttonbar .elementor-icon-box-icon svg:hover path {
	fill: #0077C8 !important;
}

ul,
ol {
	margin-top: 5px;
}

ol ul,
ul ul,
ol ol {
	margin-top: 0px;
}

[type=button],
[type=submit],
button,
a.button {
	padding: 5px;
	cursor: pointer;
	border-radius: 5px;
}

input,
select {
	padding: 5px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
	width: 100%;

}

/*
#maincontent  table {
	overflow:auto; 
	display:grid; 
	max-height: 500px;
	border: 0px !important;
}*/


#maincontent table.scrolloverflow {
	overflow: auto;
	display: block;
	max-height: 500px;
	border: 0px !important;
}

th,
td {
	padding: 5px;
	border: 3px solid #fff;
}

th {
	border-bottom: 5px solid #fff !important;
	text-transform: uppercase;
	font-size: 1.1em;
}

th {
	background-color: #0076BE;
	color: #fff;
}

th a:focus {
	outline: 2px solid #fff !important;
}

td {
	background-color: #F7F7F7;
	color: #000;
}

#maincontent img {
	margin-bottom: 10px;
}

#maincontent .elementor-image img {
	margin-bottom: 0px;
}

#maincontent .elementor-image {
	margin-bottom: 10px;
}

#maincontent .elementor-image a {
	border-bottom: 0px;
}

#maincontent .trailheadimage img {
	margin-bottom: 5px;

}

#maincontent .gallery-item img {
	margin-bottom: 0px !important;
}

#maincontent .gs-result img {
	margin: 0px !important;
}

#maincontent p .weatherwidgetStories a:link,
#maincontent p .weatherwidgetStories a:visited {
	text-decoration: none;
	border-bottom: 1px dotted #ffffff;
}

#maincontent .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
	padding: 0px;
	padding-right: 10px;
}

#rightsidebar .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
	padding-left: 10px;
}

.elementor-page-41909 #maincontent .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
	padding: 10px;
}

.home #maincontent .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap,
.tax-service #maincontent .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated>.elementor-widget-wrap {
	padding: 0px;
	padding-right: 0px;
}

.weather_icon {
	margin-right: 10px;
	vertical-align: middle;

}

h3 a.elementor-toggle-title:link,
h3 a.elementor-toggle-title:visited,
#maincontent h2 a:link,
#maincontent h2 a:visited,
.elementor-widget-posts .elementor-post__title,
.elementor-widget-posts .elementor-post__title a,
.elementor-widget-theme-post-title .elementor-heading-title a {
	color: #0076BE !important;
}

h3 a.elementor-toggle-title:hover,
#maincontent h2 a:hover {
	color: #000 !important;
	border-bottom: 1px dotted #000;
}

#maincontent {
	padding-top: 20px;
}


.elementor-page-1287 #maincontent,
.elementor-page-2281 #maincontent,
.elementor-page-4743 #maincontent,
.category #maincontent {
	min-height: 500px;
}

#maincontent .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#sitelogo a,
.elementor-nav-menu a,
.elementor-nav-menu a:hover,
a.elementor-button-link,
a.elementor-button-link:hover,
a.premium-tab-link,
.elementor-tab-title a {
	border-bottom: 0px
}

.elementor-button {
	background-color: #0076BE !important;
	color: #fff;
}

.button {
	background-color: #0076BE !important;
	color: #fff !important;
	padding: 10px !important;
}

.button:hover {
	background-color: #000 !important;
}

#rightsidebar {
	border-left: 1px solid #eee;
	/*margin-top: 20px;

	
	margin-left: 20px;*/
}

.contacts-template-default #rightsidebar {
	border-left: 0px solid #eee;
	max-height: 1000px;
}

#rightsidebar h2,
#leftsidebar h2 {
	font-size: 120%;
	color: #000;
}

.full-content-template {
	margin-top: 111px !important;
}

/**************************
tools
**************************/
.comogov_tools_mobile,
.mobile_only {
	display: none;
}

.comogov_tools {
	z-index: 1999999999;
	position: fixed;
	right: 0px;
	bottom: 50%;
	width: 50px;
	background-color: #0076be;
	color: #fff;
	padding: 5px;
	text-align: center;
}

.comogov_tools .fas {
	padding: 5px;
}

.comogov_tools .comogov_tools_translate {
	font-size: 190%;
}

.comogov_tools a,
.comogov_tools a:visited,
.comogov_tools button {
	color: #fff !important;
	font-size: 200%;
}

.comogov_tools a:hover,
.comogov_tools a:focus,
.comogov_tools button:hover,
.comogov_tools button:focus {
	border-bottom: 1px dotted #fff !important;
	background-color: #0076be;
}

.comogov_tools a:hover,
.comogov_tools a:focus {
	color: #eee;
}

.conenttypenotice {
	font-size: 10pt;
	margin-left: 10px;
}

.disabletooltipsmobile,
.sidebarfilters {
	display: none;
}

a:active,
a:focus,
button:focus,
button:active {
	outline: 2px solid #0076BE !important;
}

#headerdiv {
	max-height: 114px;
	top: 0px !important;
	transition: 500ms ease all !important;
}

#headerdiv.she-header-transparent-yes {
	position: fixed !important;
}


#breadcrumbs {
	margin-left: -15px;
	margin-top: 125px;
	margin-bottom: 20px;
}

/***********************************************
archives 
*************************************************/
.tax-park-type .archive-search-key,
.post-type-archive-parks .archive-search-key,
.post-type-archive-trails .archive-search-key {
	display: none;
}

.tax-service {
	background: url(../img/Website_BackDrop.png) no-repeat center center fixed !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}

.documentsearch {
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 30px;
}

.documentsearch a {
	border-bottom: 1px dotted
}

.search {
	background-image: none !important;
}

.elementor-page-1287 #headerdiv,
.elementor-page-2281 #headerdiv,
.elementor-page-4743 #headerdiv {
	background-color: #fff !important;
}

.tax-service #headerdiv,
.search #headerdiv,
.archive #headerdiv {
	background-color: #fff !important;
}

.tax-service .post_type_icon {
	display: none;
}

.search .post_type_icon {
	display: block;
}

.single-trails .trailheads a {
	font-weight: normal;
}

.post-type-archive-trails .arcgis-map {
	display: none;
}

.tax-service .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated h1.elementor-heading-title {
	margin-left: -10px;
}

.term-top-services .topqueries {
	display: none;
}

.elementor-pagination a {
	border-bottom: 1px dotted #0076BE !important;
}

.elementor-pagination a {
	color: #0076BE !important;
}

.elementor-pagination a:hover {
	color: #000 !important;
}

.elementor-pagination .current {
	font-weight: bold;
	color: #0076BE !important;
}

.wp-caption.alignleft {
	padding-right: 20px;
}

.wp-caption-text {
	background: #EEEEEE;
	margin-top: -15px;
	padding: 5px;
	font-size: 90%;
}

.wp-caption-text.widget-image-caption {
	margin-top: -10px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 15px;
	min-height: 60px;
}

.aligncenter {
	text-align: center;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important
}

.elementor-widget-premium-addon-tabs .premium-tabs-style-iconbox ul.premium-tabs-horizontal li::after,
.elementor-widget-premium-addon-tabs .premium-tabs-style-iconbox ul.premium-tabs-vertical li::after,
.elementor-widget-premium-addon-tabs .premium-tabs-style-flip ul.premium-tabs-horizontal li::after,
.elementor-widget-premium-addon-tabs .premium-tabs-style-flip ul.premium-tabs-vertical li::after {
	background-color: transparent !important;
}

.elementor-accordion .elementor-accordion-item {
	border: 0px !important;
	border-bottom: 1px !important;
}

.elementor-accordion .elementor-tab-title {
	border-bottom: 1px solid #d4d4d4;
}

.elementor-accordion .elementor-tab-content {
	border-top: 0px !important;
}

#leftsidebar .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
	padding-top: 0px !important;
}

#departmenttabs li .premium-tab-link {
	border-right: 1px solid #000;
}

.premium-tabs .premium-content-wrap .premium-tabs-content-section {
	text-align: left !important;
}

.elementor-posts .elementor-post__meta-data,
.elementor-posts .elementor-post__excerpt p {
	color: #4F4F4F !important;
}

h2.elementor-post__title {
	font-size: 1.6em !important;
}

.tax-service .archive_loop h2 {
	font-size: 1.0em !important;
	background-color: #0076BE;
	margin-top: 0px !important;
	padding: 10px;
	padding-top: 8px;
	height: 65px;
	line-height: 1.1em;
}

.tax-service #maincontent h2 a:link,
.tax-service #maincontent h2 a:visited {
	color: #fff !important;
}

.tax-service #maincontent h2 a:hover,
.tax-service #maincontent h2 a:active {
	border-bottom: 1px dotted #fff;
}

.search #maincontent h2 a:link,
.search #maincontent h2 a:visited {
	color: #0076BE !important;
}

.search #maincontent h2 a:hover,
.search #maincontent h2 a:active {
	border-bottom: 1px dotted #000;
}

.tax-service .archive_loop .postarchive_excerpt {
	font-size: 90%;
	/* height: 65px; */
}

h1.elementor-heading-title {
	color: #525252;
	/*margin-left: 10px !important;*/
	line-height: 1.4em !important;
}

h2.elementor-heading-title {
	color: #525252;

}

.covidblocks h2.elementor-heading-title {
	color: #fff !important;

}

.elementor-location-footer h2.elementor-heading-title {
	color: #fff !important;
}

.elementor-heading-title {
	line-height: 1.4em !important;
}

.elementor-widget-post-info .elementor-icon-list-text,
.elementor-widget-post-info .elementor-icon-list-text a {
	color: #000 !important;
}

#sitelogo img {
	max-width: 140px !important;
}

a:focus img {
	outline: 2px solid #5E9ED6 !important;
}

/* elementor editor looks different from  live view */
.elementor-editor-active #maincontent {
	margin-top: 25px;
}

.elementor-editor-active h1.elementor-heading-title {
	margin-left: -10px !important;
}

.elementor-editor-active .elementor-widget-breadcrumbs {
	margin-left: -10px !important;
}

/* website footer */
.faqtitle .elementor-toggle-title {
	font-size: 120%;
	padding-left: 10px;
}

.faqtitle .elementor-toggle-icon {
	color: #0076BE !important;
	font-size: 130%;
}

/*
		Add your custom styles here
*/
.elementor-widget-table-of-contents {
	margin-bottom: 20px;

}

/* google translate */
#google_translate_element {

	display: none;
	position: fixed;
	right: 300px;
	top: 60px;
	background-color: #000;
	padding: 10px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px solid #000;
	z-index: 2000000;
}

#google_translate_element select {
	height: 25px;
	padding: 2px;
	background-color: #eee;
}

#google_translate_element button {
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

#google_translate_element .fas {
	font-size: 150%;
}

.stratplanarchive a {
	color: #0076be !important;
}

/* post search on archive pages */

.post-search-form {
	display: none;
}

.main_searchform .fa-search,
.main_searchform input {
	font-size: 14pt;
}

.post-search-form input {
	width: 150px;
}

.search_subtitle {
	font-size: 80%;
}

.suggested_results {
	border: 1px dotted #0076BE;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #eee;
}

.suggested_results p {
	margin-bottom: 5px;
}

.top_matches {

	padding: 10px;
	margin-top: 20px;
}

.top_matches h2 {
	margin-top: 0px !important;
	border-bottom: 1px solid #ccc;
}

.top_matches p.toppages {
	margin-bottom: 8px !important;
}

.top_matches p.toppages-hidden {
	display: none;
}

h2.search-news-stories {
	padding-top: 20px !important;
	margin-bottom: -5px !important;
	clear: both;
}

.search-nav .top_matches h2 {
	font-size: 110% !important;
}

h2.search_results {
	margin-top: 20px !important;
}

.search_type_icon {
	vertical-align: middle;
	margin-bottom: 0px !important;
	width: 20px;
	height: 20px;
}

.post_type_icon {
	font-size: 80%;
	text-transform: lowercase;
}

.post_type_icon .linktext-only {
	margin-right: 10px;
}

.post_type_icon .fas,
.post_type_icon img {
	margin-left: 0px;
	margin-right: 5px;
	font-size: 120%;
}

h2.elementor-post__title a {
	border-bottom: 0px;
}


.appliedfilters {
	margin-top: 20px;
	font-weight: bold;
}

.searchaddon {
	margin-top: 15px;
}


.elementor-post__title .keyicon .fas,
.elementor-post__title .keyicon .far {
	font-size: 250% !important;
	margin-right: 20px !important;
	padding-bottom: 10px;
	color: #000 !important;
}

.searchaddon {
	float: right;
}

.clearfilters,
.includeAttachments,
.clear-btn {
	color: #000;
}

.clear-btn {
	padding: 3px !important;
	margin-top: 10px;
}

/* begin weather widget */
.weatherwidget {
	display: none;
	color: #fff;
	margin-top: -10px;
}

.weatherwidgettemp {
	font-size: 24px;
	/* float: left; */
	/* margin-right: 20px; */
	padding-bottom: 10px;
}

.weatherwidgettemp .fas {
	margin-right: 10px;
}

.weatherwidgetconditions {
	font-size: 15px;
}

.weatherwidgetStories {
	font-size: 15px;
	margin-left: 30px;
	padding-left: 10px;
}

.weatherwidgetStories .fa-exclamation-circle {
	font-size: 150%;
	margin-right: 10px;
	background: radial-gradient(at center, white 50%, transparent 50%);
	color: red;
}

.weatherwidgetStories .fa-newspaper {
	font-size: 150%;
	margin-right: 10px;
}

.weatherwidgetStories a {
	color: #fff !important;
}

.welcomediv h2,
.welcomediv h1 {
	line-height: 1em !important;
	/* padding-bottom: 10px; */
	padding-top: 0px;
	margin-top: 0px !important;
	margin-bottom: 5px !important;
}

/* ticker news */
.hide-scrollbar::-webkit-scrollbar {
	display: none;
}

.data-list {
	height: 25px;

}

.data-list li {
	margin-bottom: 35px;
	list-style: none;
}

/* begin search nav */
.search-nav,
.mobile-nav {
	position: fixed;
	display: none;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	background: #fff;
	border-left: 1px solid #aeb0b5;
	border-right: 0;
	overflow-y: auto;
	padding: 2rem;
	padding-top: 20px;
	width: 35rem;
	z-index: 2000000000;
}

.search-nav .custom-logo-link {
	text-decoration: none !important;
	border-bottom: 0px !important;
}

.search-nav .custom-logo {
	height: 85px;
	width: auto;
	margin-bottom: 30px;
}

#headerdiv .searchbutton a {
	color: #000;
	height: 88px;
	min-width: 190px;
	margin-top: -5px;
	padding-top: 34px;
	border: 0px;
	border-bottom: 0px !important;
}

#headerdiv .searchbutton a:hover,
#headerdiv .searchbutton a:focus {
	background-color: #0076be !important;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	border: 0px;
	border-color: #fff;
	border-radius: 0px;
}

ul#mega-menu-main-menu {
	margin-top: -5px !important;
}

#mega-menu-main-menu .menutitle {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0px !important;
	margin-left: -10px !important;
	color: #000;

}

#mega-menu-main-menu .departmenttitle {
	padding-left: 20px;
	margin-left: -30px !important;
}

#mega-menu-main-menu .minwidth {
	width: 525px !important;
}

#mega-menu-main-menu .departments {
	border-left: 1px solid #ccc !important;
	padding-left: 30px;
}

#mega-menu-main-menu .servicescolumn {
	padding-top: 10px !important;
}

.search-show a {
	background-color: transparent !important;
	margin-top: 5px;
}

.search-form {
	text-align: center;
}

.search-form input {
	padding: 10px;
	height: 40px;
	font-size: 15px;
}

.search-close {
	position: absolute;
	right: 10px;
	padding: 5px;
	z-index: 1000;
	border-bottom: 0px !important;
	margin-top: 20px;
}

.mobile-search {
	float: right;
}

.keyword-container {
	display: flex;
	flex-wrap: wrap;
	margin-left: 15px;
	margin-top: 20px;
}

.topkeywords {
	flex: 0 0 32%;
	max-width: 32%;
	margin: 2px;
}

.topkeywords .fa {
	font-size: 175%;
}

.topkeywords a {
	display: block;
	padding: 22px 10px 20px;
	text-align: center;
	transition: all 0.275s cubic-bezier(0.4, 0, 0.2, 1);
}

/* end search nav */
/* begin scroll button */
#helloscrollbutton {
	display: none;
	padding: 15px;
	padding-top: 10px;
	height: 55px;
	text-align: center;
	border-radius: 4px;
	margin: 0px;
	position: fixed;
	bottom: 22px;
	left: 20px;
	transition: background-color .3s;
	z-index: 1000;
	font-size: 2em;
}

#helloscrollbutton i {
	transition: 350ms ease all;
}

/* end scroll button */
.notice-warning {
	color: #DD0003;
}

/* dynamic content widget */
.dynamic_content {
	display: none;
	padding: 10px;
	border-top: 1px solid #ccc;
	background-color: #eee;
}

/*** Google Search Results  ***/
.google_resultDiv .google_dataresult {
	margin-bottom: 30px;
}

.google_resultDiv .google_date {
	font-size: 10pt;
}

.google_resultDiv h3 {
	font-size: 1.6em !important;
}

/* strategic plan pages */
.strategicplan-headers h2 {
	max-width: 500px;
	border-bottom: 5px solid #0076BE;
	margin-left: 75px;
	font-size: 200%;
}

/* New Strategic Plan Pages */
th.Organizational_Excellence,
.strategicPlanHeader .goalStatement.Organizational_Excellence {
	background-color: #1a4685;
}

th.Safe_Neighborhoods,
.strategicPlanHeader .goalStatement.Safe_Neighborhoods {
	background-color: #bc2036;
}

th.Reliable_Infrastructure,
.strategicPlanHeader .goalStatement.Reliable_Infrastructure {
	/* background-color: #77787b; */
	background-color: #707275;
}

th.Inclusive_Community,
.strategicPlanHeader .goalStatement.Inclusive_Community {
	background-color: #592752;
}

th.Resilient_Economy,
.strategicPlanHeader .goalStatement.Resilient_Economy {
	/* background-color: #2d9b8b; */
	background-color: #258173;
}

h2.Organizational_Excellence,
h1.Organizational_Excellence,
.strategicPlanMenu>ul li.Organizational_Excellence a {
	color: #1a4685;
	border-color: #1a4685;
}

.strategicPlanMenu>ul li.Organizational_Excellence a:focus {
	outline: 1px solid #1a4685 !important;
}

h2.Safe_Neighborhoods,
h1.Safe_Neighborhoods,
.strategicPlanMenu>ul li.Safe_Neighborhoods a {
	color: #bc2036;
	border-color: #bc2036;
}

.strategicPlanMenu>ul li.Safe_Neighborhoods a:focus {
	outline: 1px solid #bc2036 !important;
}

h2.Reliable_Infrastructure,
h1.Reliable_Infrastructure,
.strategicPlanMenu>ul li.Reliable_Infrastructure a {
	/* color: #626366;
	border-color: #626366; */
	color: #707275;
	border-color: #707275;
}

.strategicPlanMenu>ul li.Reliable_Infrastructure a:focus {
	/* outline: 1px solid #626366 !important; */
	outline: 1px solid #707275 !important;
}

h2.Inclusive_Community,
h1.Inclusive_Community,
.strategicPlanMenu>ul li.Inclusive_Community a {
	color: #592752;
	border-color: #592752;
}

.strategicPlanMenu>ul li.Inclusive_Community a:focus {
	outline: 1px solid #592752 !important;
}

h2.Resilient_Economy,
h1.Resilient_Economy,
.strategicPlanMenu>ul li.Resilient_Economy a {
	/* color: #2d9b8b; */
	/* border-color: #2d9b8b; */
	color: #3b8278;
	border-color: #3b8278;
}

.strategicPlanMenu>ul li.Resilient_Economy a:focus {
	/* outline: 1px solid #2d9b8b !important; */
	outline: 1px solid #3b8278 !important;
}

.strategicPlanHeader .goalStatement,
.strategicPlanHeader .goalStatement>h2 {
	color: white;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 2px;
	padding-right: 2px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.goalStatement>h2 {
	border-bottom: 0.5px solid white;
}

#fullStrategicPlanContent>.strategicPlanHeader>.goalStatement {
	margin-top: 2.5vh !important;
}

.strategicPlanHeader .strategicPlanHeaderTitle {
	text-align: center;
}

.strategicPlanHeader .strategicPlanHeaderTitle>svg {
	height: 12vh;
	margin-bottom: -3vh;
}

.dot {
	height: .75em;
	width: .75em;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	margin-left: .75vw !important;
}

.strategicPlanMenu {
	/* position: sticky; */
	text-align: center;
}

.strategicPlanMenu>ul svg {
	width: 30%;
	margin: auto;
	vertical-align: middle;
	overflow: auto;
}

.strategicPlanMenu>ul li {
	text-align: center;
	flex-basis: 20%;
	flex-direction: column;
	display: flex;
	justify-content: space-evenly;
	font-size: 1em;
}

.strategicPlanMenu>ul {
	border-style: none !important;
	flex-wrap: wrap;
	flex-basis: 100%;
	display: flex;
	justify-content: space-evenly;
	width: 100%;
	padding-left: 0;
}

.strategicPlanMenu>ul a {
	text-align: center;
	border-style: solid;
	border-width: 2px;
	font-size: 1.15em;
}

.hiddenSelectionText {
	position: absolute;
	left: -100vw;
	top: -100vh;
}

.strategicPlanMenu>ul li.sPriorityNotSelected a {
	border-style: none;
}

.strategicPlanSelection:hover {
	background-color: #EEEEEE;
}

.strategicPlanStatusKey .dot.Information_Unavailable,
td.Information_Unavailable,
td.Information_Unavailable>a {
	background-color: #1b34ad;
	color: white !important;
	text-align: center;
	white-space: nowrap
}

.strategicPlanStatusKey .dot.Monitoring_Progress,
td.Monitoring_Progress,
td.Monitoring_Progress>a {
	background-color: #d9b300;
	color: black !important;
	text-align: center;
	white-space: nowrap
}

.strategicPlanStatusKey .dot.Proceeding_as_Planned,
td.Proceeding_as_Planned,
td.Proceeding_as_Planned>a {
	background-color: #2a751f;
	color: white !important;
	text-align: center;
	white-space: nowrap
}

.strategicPlanStatusKey .dot.Reviewing_for_Improvement,
td.Reviewing_for_Improvement,
td.Reviewing_for_Improvement>a {
	background-color: #c60303;
	color: white !important;
	text-align: center;
	white-space: nowrap
}

.strategicPlanStatusKey {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

.strategicPlanStatusKeyContainer {
	position: sticky;
	text-align: center;
}

.strategicPlanStatusKey:not(aside) {
	margin-left: .8vw;
	text-align: center;
}

.strategicPlanStatusKey>div {
	display: inline;
}

#strategicTitle {
	margin-bottom: -5%;
}

#strategicChart,
#strategicTable {
	width: 100%;
	min-width: 100%;
}

.strategicPlanGoalContainer>table>tbody>tr>td:nth-child(1) {
	width: 100%;
}

#strategicChart {
	min-height: 60vh;
	height: 90%;
}

/* WP Post Popup */
#modal-content #strategicTable {
	display: table !important;
}

#strategicPlanDataContainer h1,
#strategicPlanDataContainer h2,
#strategicPlanDataContainer h3 {
	text-align: center;
}

#strategicPlanDataContainer h1 {
	color: #0075bd;
	text-decoration: underline;
}

/* Change default modal cursor to auto instead of pointer. */
html.no-scroll,
body.no-scroll {
	cursor: auto !important;
}




.strategicPlanGoalContainer {
	overflow-x: auto;
}

.strategicPlanGoalContainer th:nth-of-type(1),
.strategicPlanGoalContainer td:nth-of-type(1) {
	min-width: 250px;
}

/* Change default modal cursor to auto instead of pointer. */
html.no-scroll,
body.no-scroll {
	cursor: auto !important;
}

/* End of Strategic Plan Pages */

.elementor-toc__list-item a[href="#sq_100_ariaTitle"] {
	display: none;
}



/* Fixing DKAN Document viewer getting hidden by the top menu bar */
div.dkan-documents-widget-dialog {
	z-index: 9999;
}

/* My Utility Bill Login Widget */
#LoginUsernamePassword {
	height: fit-content;
	padding: .5vh;
}

#MyUtilitiyBillLoginFormPlaceholder>.loginMain {
	text-align: center;
	border: solid #EEEEEE 1px;
	min-height: max-content;
	height: 100%;
}

#MyUtilitiyBillLoginFormPlaceholder .loginContainer {
	height: fit-content;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	margin-bottom: .5vh;
	margin-left: auto;
	margin-right: auto;
	width: min-content;
}

#MyUtilitiyBillLoginFormPlaceholder .loginContainer>.form-group.col {
	width: 100%;
	display: flex;
	text-align: left;
	justify-content: center;
	align-items: center;
}

#MyUtilitiyBillLoginFormPlaceholder .loginForm {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}

#LoginUsernamePassword>div.loginSub {
	display: flex;
	width: 100%;
	justify-content: space-evenly;
	flex-direction: column-reverse;
	align-items: center;
}


#MyUtilitiyBillLoginFormPlaceholder #myUtilityBillLoginHeader h2 {
	margin: 0 !important;
	margin-bottom: 1.25vh !important;
	margin-top: 1.25vh !important;
}

#MyUtilitiyBillLoginFormPlaceholder #myUtilityBillLoginHeader h2>a {
	color: white !important;
}

#myUtilityBillLoginHeader {
	border-bottom: solid #EEEEEE 1px;
	margin-bottom: .5vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #0076be;
}

#LoginUsernamePassword .loginContainer .loginBtn {
	margin-top: .5vh;
	margin-bottom: .5vh;
	/* min-width: 100%; */
}

#LoginUsernamePassword .loginContainer .form-group {
	text-align: left;
}

#LoginUsernamePassword #LoginEmail,
#LoginUsernamePassword #LoginPassword {
	border-radius: 10px;
	/* min-width: 100%; */
}

#LoginContainer .loginContainer div label.myUtilityBillInputLabels {
	width: 100%;
}


#LoginUsernamePassword .loginSub a {
	width: max-content;
	margin: 2px;
}

/* Bills and payments grid. */
#billsAndPayementsGrid>div>div {
	grid-template-areas: "a a b b"
		"a a b b"
		"c c c c";
	grid-template-columns: none;
}

#MyUtilitiyBillLoginFormPlaceholder {
	grid-area: 1 / 1 / span 2 / span 2;
	border: solid #EEEEEE 1px;
	background-color: #FFFFFF;
}

/* #LoginUsernamePassword .loginSub a:hover {
	background-color: black;
	text-decoration: none;
	border-bottom: none;
} */