.meetings-article-list .article__item {
	border-top: solid 1px var(--color-grey_20)
}

.meetings-article-list .article__item .article__title__center {
	margin-right: 20px;
	padding-right: 20px
}

@media only screen and (min-width: 992px) {
	.meetings-article-list .article__item .article__title__center {
		border-right: solid 1px var(--color-grey_20)
	}
}

.meetings-article-list .article__item .article__resume .btn {
	width: 100%
}

@media only screen and (min-width: 992px) {
	.meetings-article-list .article__item .article__resume .btn {
		width: auto
	}
}

.meetings-article-list .article__publishDate {
	--background-color: var(--color-grey_10);
	--text-color: var(--color-primary);
	background-color: var(--background-color);
	color: var(--text-color);
	padding: 1rem 1.5rem; 
	display: block;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.meetings-article-list .article__publishDate > span {
	display: block
}

.meetings-article-list .article__publishDate > span.article__day {
	font-size: 2.5rem;
	font-weight: bold;
	line-height: normal
}

.meetings-article-list .article__publishDate > span.article__month {
	font-style: italic;
	padding-bottom: 5px
}

.meetings-article-list .article__publishDate > span.article__year {
	--title-style: "Roboto Serif";
	border-top: dashed 1px var(--text-color);
	font-family: var(--title-style)
}

.meetings-article-list .article__publishDate:before {
	display: none;
}

.bg-grey-5 .meetings-article-list .article__publishDate:before {
	border-bottom-color: var(--color-grey_5)
}

@media only screen and (min-width: 992px) {
	.meetings-article-list .article__publishDate:before {
		display: none;
	}
}

.meetings-article-list .article__publishDate:after {
	display: none;
}

.bg-grey-5 .meetings-article-list .article__publishDate:after {
	border-bottom-color: var(--color-grey_5)
}

@media only screen and (min-width: 992px) {
	.meetings-article-list .article__publishDate:after {
		display: none;
	}
}

.meetings-article-list .article__publishDate.active {
	--background-color: var(--color-primary);
	--text-color: var(--color-white)
}

.meetings-article-list .article__paging .article__paging__item {
	--border-color: transparent;
	--active-bg-color: var(--color-grey_20);
	border: solid 1px var(--border-color);
	padding: 5px 13px;
	vertical-align: middle;
	border-radius: 5px;
	color: var(--color-primary);
	font-weight: 600
}

.meetings-article-list .article__paging .article__paging__item:hover, 
.meetings-article-list .article__paging .article__paging__item.active {
	background-color: var(--active-bg-color);
	border-color: var(--active-bg-color)
}

.meetings-article-list .article__paging .article__paging__item.disabled {
	opacity: 1.0;
	pointer-events: none;
	color: #767676 !important;
	background-color: #ffffff
}

.meetings-article-list .article__paging .article__paging__first, 
.meetings-article-list .article__paging .article__paging__last {
	padding-top: 9px
}

.meetings-article-list .article__paging .article__paging__first .article__paging__item, 
.meetings-article-list .article__paging .article__paging__last .article__paging__item {
	--border-color: var(--color-grey_20);
	border-color: var(--border-color);
	display: inline-block;
	white-space: nowrap;
	margin-bottom: 5px
}

.meetings-article-list .article__paging .article__paging__pages {
	white-space: nowrap;
	max-width: 70%;
	padding: 9px 0
}

.meetings-article-list .article__paging .article__paging__pages .article__paging__pages__box {
	position: relative;
	left: 0
}

.meetings-article-list .article__paging .article__paging__pages .article__paging__item {
	border-radius: 50%;
	margin: 0 9px
}

.meetings-article-today .article__item {
	background-color: #ffffff;
	/* Softer border color for a modern, less harsh boundary appearance */
	border: solid 1px #e2e8f0; 
	border-radius: 10px;
	/* Smooth, subtle depth shadow */
	box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	/* Hidden overflow handles any background decoration smoothly */
	overflow: hidden; 
}

/* Professional Hover States */
.meetings-article-today .article__item:hover {
	border-color: #cbd5e1;
	transform: translateY(-2px);
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04);
}

/* Subtle accent bar on the left side of cards to anchor the design */
.meetings-article-today .article__item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4px;
	background-color: var(--color-primary, #153056);
	opacity: 0.8;
}

.meetings-article-today .article__body {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	/* Shifts content away from the left accent bar */
	padding-left: 0.25rem; 
}

/* Typography Enhancements */
.meetings-article-today .article__title__center {
	display: block;
	margin-bottom: 0.75rem;
}

.meetings-article-today .article__title {
	font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	font-weight: 600; /* Medium-bold feels cleaner than ultra-bold text */
	line-height: 1.35;
	margin-bottom: 0.5rem;
	height: auto !important;
}

.meetings-article-today .article__title a {
	text-decoration: none;
	color: var(--color-primary, #153056);
	transition: color 0.15s ease;
}

.meetings-article-today .article__title a:hover,
.meetings-article-today .article__title a:focus {
	color: var(--color-blue, #11a9f5);
	text-decoration: none;
}

/* Ensuring the card hit area behaves perfectly */
.meetings-article-today .article__title a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}

/* Refined Badge Styling */
.meetings-article-today .article__weekday {
	display: inline-flex;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

.meetings-article-today .badge {
	font-size: 0.75rem !important;
	font-weight: 600;
	letter-spacing: 0.05em;
	padding: 0.35em 0.8em;
	background-color: #f1f5f9 !important; /* Soft light grey background for tech look */
	color: #334155 !important; /* High contrast slate text */
	border: 1px solid #e2e8f0;
}

.meetings-article-today .badge i {
	margin-right: 0.25rem;
	color: var(--color-blue, #11a9f5); /* Accent tint to highlight icons */
}

/* Clean, balanced body summaries */
.meetings-article-today .article__resume {
	display: block;
	flex-grow: 1;
	font-size: 0.9rem;
	line-height: 1.5;
	color: #475569; /* Polished slate color reduces cognitive fatigue */
	margin-top: 0.25rem;
}

.meetings-article-today .article__resume p {
	margin-bottom: 0;
}

#siteWrapper.innerpage.events #headerContent, #siteWrapper.innerpage.meetings #headerContent {
	--background-height: 300px;
	background: linear-gradient(to bottom, var(--color-primary) 0%, var(--color-primary) var(--background-height), var(--color-grey_5) var(--background-height), var(--color-grey_5) 100%)
}

.article-detail .article__item {
	margin-top: 2rem
}

.article-detail .article__item h1.display-1 {
	line-height: 1.1em
}

.article-detail .flexslider {
	border: 0;
	background: none;
	margin-bottom: 1rem
}

.article-detail .flexslider .slides img {
	border-radius: 8px
}

.article-detail #carousel .flex-viewport {
	margin: 0 98px
}

.article-detail #carousel li {
	cursor: pointer;
	opacity: .5;
	border: rgba(0,0,0,0) solid 3px;
	border-radius: 16px
}

.article-detail #carousel li img {
	border-radius: 13px
}

.article-detail #carousel li.flex-active-slide {
	opacity: 1;
	border-color: var(--color-blue)
}

.article-detail #carousel .flex-direction-nav {
	height: 0
}

.article-detail #carousel .flex-direction-nav li a {
	font-size: 0;
	opacity: 1 !important;
	border: solid 2px var(--color-blue);
	width: 64px;
	height: 44px;
	border-radius: 24px
}

.article-detail #carousel .flex-direction-nav li a:before {
	content: "";
	font-family: "icons";
	vertical-align: middle;
	display: inline-block;
	font-size: 23px;
	width: 100%;
	text-align: center;
	line-height: 41px
}

.article-detail #carousel .flex-direction-nav li a.flex-next:before {
	content: ""
}

.article-detail #carousel .flex-direction-nav .flex-prev {
	left: 0
}

.article-detail #carousel .flex-direction-nav .flex-next {
	right: 0
}

.article-detail .article__publishDate {
	background-color: var(--color-grey_10);
	border-radius: 16px;
	padding: 2px 16px
}

.article-detail .article__contents {
	--title-size: 32px;
	--title-style: "Roboto Serif";
	--title-margin-bottom: 1.5rem;
	--title-line-height: 1.3em;
	--subtitle-size: 24px;
	--subtitle-style: "Roboto";
	--subtitle-line-height: 1.3em;
	--subtitle-weight: 600;
	--margin-top: 3.5rem;
	margin-top: 3.5rem
}

.article-detail .article__contents .style-title {
	margin: 2rem 0
}

.article-detail .article__contents .style-title, .article-detail .article__contents .style-title p, .article-detail .article__contents .style-title div {
	font-size: var(--title-size);
	font-family: var(--title-style);
	color: var(--color-primary);
	line-height: var(--title-line-height)
}

.article-detail .article__contents .style-subtitle {
	margin: 2rem 0
}

.article-detail .article__contents .style-subtitle, .article-detail .article__contents .style-subtitle p, .article-detail .article__contents .style-subtitle div {
	font-size: var(--subtitle-size);
	font-family: var(--subtitle-style);
	color: var(--color-blue_80);
	line-height: var(--subtitle-line-height);
	font-weight: var(--subtitle-weight)
}

.article-detail .article__contents .style-blockquotes {
	padding: 2.56rem 2.37rem;
	margin: 2rem 0
}

.article-detail .article__contents .style-blockquotes:before {
	content: "";
	font-family: "icons";
	color: var(--color-gold);
	font-size: 36px
}

.article-detail .article__contents .style-blockquotes, .article-detail .article__contents .style-blockquotes p, .article-detail .article__contents .style-blockquotes div {
	background-color: var(--color-white);
	border-radius: 16px;
	color: var(--color-primary)
}

.article-detail .article__contents .style-normal {
	margin: 2rem 0
}

.article-detail .article__contents .style-normal, .article-detail .article__contents .style-normal p, .article-detail .article__contents .style-normal div {
	color: var(--color-primary)
}

.article-detail .article__dates .article__date {
	background-color: var(--color-primary);
	border-radius: 32px;
	color: var(--color-white)
}

.article-detail .article__dates .article__date_separator {
	--button-size: 48px;
	background-color: var(--color-gold);
	border-radius: 50%;
	color: var(--color-white);
	height: var(--button-size);
	width: var(--button-size);
	margin: 0 16px;
	font-size: 1.5em;
	line-height: var(--button-size)
}

.article-detail .article__dates .article__date_separator i {
	margin-left: -2px
}

.article-detail .article__location {
	background-color: var(--color-primary);
	border-radius: 16px;
	padding: 8px
}

.article-detail .article__location #map {
	border-radius: 8px;
	width: 100%;
	height: 268px
}

.search-pad-contact #searchboxContact {
	width: 100%;
	height: 48px;
	border-radius: 4px;
	border: none;
	padding-left: 50px;
	position: relative
}

.search-pad-contact::-moz-placeholder {
	color: #153056;
	font-size: normal;
	opacity: 100%
}

.search-pad-contact::placeholder {
	color: #153056;
	font-size: normal;
	opacity: 100%
}

.search-pad-contact i {
	position: absolute
}

.search-pad-contact .icon {
	padding: 14px;
	width: 40px;
	z-index: 2;
	color: #11a9f5
}

.search-pad-contact .icon::before {
	font-size: 24px
}

@media(min-width: 992px) {
	.search-pad-contact {
		margin: 30px 20px
	}

	.search-pad-contact span {
		display: block
	}
}

.article__calendar {
	padding-bottom: 40px;
	position: relative;
	z-index: 1
}

.article__calendar .article__button {
	color: #fff;
	border: solid 1px #11a9f5;
	padding: 0 10px;
	border-radius: 20px;
	height: 23px;
	line-height: 17px;
	margin-bottom: 0
}

.article__calendar .article__title {
	margin-top: 2em;
	color: #fff;
	padding-bottom: 10px
}

@media only screen and (min-width: 768px) {
	.article__calendar .article__title {
		margin-top: 0
	}
}

.article__calendar .article__years, .article__calendar .article__months {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 0;
	border-top: solid 1px #154e7c;
}

.article__calendar .article__box {
	display: flex;
	overflow: auto
}

.article__calendar .article__box .article__content {
	white-space: nowrap;
	display: inherit;
	position: relative;
	left: 0;
	transition: all .4s ease-in-out 0s
}

.article__calendar .article__months span, .article__calendar .article__years span {
	padding: 4px 14px;
	color: #fff;
	cursor: pointer;
	margin: 0 5px
}

.article__years span.active {
	background-color: #72bf44;
	color: #000;
	border-radius: 20px
}

.article__months span.active {
	background-color: #f8bc1f;
	color: #000;
	border-radius: 20px
}

.meetings-article-streets .article__item {
	border-radius: 16px;
	position: relative;
	border: solid 1px var(--color-grey_20)
}

@media only screen and (min-width: 992px) {
	.meetings-article-streets .article__item {
		height: 200px;
		border: solid 1px var(--color-grey_20)
	}
}

.meetings-article-streets .article__item:hover {
	background-color: var(--color-grey_5)
}

.meetings-article-streets .article__icon {
	background-color: var(--color-grey_5);
	padding: 1rem;
	border-radius: 16px;
	font-size: 40px
}

.meetings-article-streets .article__item:hover .article__icon {
	background-color: var(--color-gold)
}

.meetings-article-streets .article__title {
	height: 2.4em
}

@media only screen and (min-width: 1400px) {
	.meetings-article-streets .article__title {
		height: 2.4em
	}
}

.meetings-article-streets .article__title a {
	text-decoration: none;
	color: #494949
}

.meetings-article-streets .article__title a:hover {
	text-decoration: none
}

.meetings-article-streets .article__title a:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.meetings-article-streets .article__item .article__resume .streetsweeping, .meetings-article-today .article__item .article__resume .streetsweeping {
	background-color: #426a5a !important;
}

.meetings-article-streets .article__item .article__resume .leafcollection, .meetings-article-today .article__item .article__resume .leafcollection {
	background-color: #8A3324 !important;
}

.meetings-article-streets .article__item .article__resume .springcleanup, .meetings-article-today .article__item .article__resume .springcleanup {
	background-color: #513b56 !important;
}

.meetings-article-streets .article__paging .article__paging__item {
	--border-color: transparent;
	--active-bg-color: var(--color-grey_40);
	border: solid 1px var(--border-color);
	padding: 5px 13px;
	vertical-align: middle;
	border-radius: 5px;
	color: var(--color-primary);
	font-weight: 600
}

.meetings-article-streets .article__paging .article__paging__item:hover,
.meetings-article-streets .article__paging .article__paging__item.active {
	background-color: var(--active-bg-color);
	border-color: var(--active-bg-color)
}

.meetings-article-streets .article__paging .article__paging__item:focus {
	background-color: var(--active-bg-color);
	border-color: var(--active-bg-color);
	border-radius: 3px
}

.meetings-article-streets .article__paging .article__paging__item.disabled {
	opacity: 1.0;
	pointer-events: none;
	color: #767676
}

.meetings-article-streets .article__paging .article__paging__first,
.meetings-article-streets .article__paging .article__paging__last {
	padding-top: 9px;
	color: var(--color-grey_70)
}

.meetings-article-streets .article__paging .article__paging__first .article__paging__item,
.meetings-article-streets .article__paging .article__paging__last .article__paging__item {
	--border-color: var(--color-grey_20);
	border-color: var(--border-color);
	display: inline-block;
	white-space: nowrap;
	margin-bottom: 5px
}

.meetings-article-streets .article__paging .article__paging__pages {
	white-space: nowrap;
	max-width: 70%;
	padding: 9px 0
}

.meetings-article-streets .article__paging .article__paging__pages .article__paging__pages__box {
	position: relative;
	left: 0
}

.meetings-article-streets .article__paging .article__paging__pages .article__paging__item {
	border-radius: 50%;
	margin: 0 9px
}

.meetings-article-streets .article__paging .article__paging__item.disabled > a:focus {
	background-color: #767676;
	border-color: #767676
}

.meetings-article-streets .article__paging .article__paging__item > a:focus {
	background-color: var(--active-bg-color);
	border-color: var(--active-bg-color)
}

.meetings-article-list .article__paging .article__paging__item:focus {
	background-color: var(--active-bg-color);
	border-color: var(--active-bg-color);
	border-radius: 3px
}

.meetings-article-list .article__paging .article__paging__item.disabled > a:focus {
	background-color: #767676;
	border-color: #767676
}

.meetings-article-list .article__paging .article__paging__item > a:focus {
	background-color: var(--active-bg-color);
	border-color: var(--active-bg-color)
}