html, body {
	background: #fff;
}

/* Start: Header */
.navbar {
	text-transform: none;
	border: 0;
}

.nav > li > a {
	padding: 15px 19px;
}

.nav {
	padding-left: 50px;
}

/* ----- 
	jt 6/16/2022 - this is only to counter the left padding of 50px on .nav above
	it became a problem when '2022 bonds' was added to top nav
----- */
#county-central-navbar-collapse > div > ul.navbar-right {
	margin-left: -50px;
}

.mobile-search {
	position: absolute;
	right: 5px;
	top: 0px;
	float: none;
}

/* ----- Header Navigation ----- */
.navbar-default .navbar-nav > li.nav-i-want, .navbar-default .navbar-nav > li.nav-county-serv, .navbar-default .navbar-nav > li.nav-aboutbc {
	border-bottom: 8px solid #142b48;
	height: 50px;
}

.navbar-default .navbar-nav > li > a.active {
	color: #7399c8;
	/*background-color: #e7e7e7;*/
}


/* ----- Nav: Dropdown List Styles  ----- */
.dropdown-menu li ul {
	padding: 0;
}

	.dropdown-menu li ul a {
		color: #333;
	}

		.dropdown-menu li ul a:hover {
			color: #7399c8;
		}
	/* Replaced with below .nav-h1 */
	.dropdown-menu li ul h1 {
		font-size: 18px;
		font-weight: bold;
		padding: 0;
		margin-bottom: 5px;
		color: #333;
	}

.dropdown-menu .nav-h1 {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #333;
	border-bottom: 1px solid #efefef;
}

.dropdown-menu .nav-h2 {
	font-size: 17px;
	font-weight: bold;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 5px;
	color: #333;
}

.dropdown-menu li ul li {
	list-style: none;
	padding: 0;
}

.i-want-to-dropdown {
	position: absolute;
	left: -291px;
	padding-left: 0;
	padding-right: 0;
}

.county-services-dropdown {
	position: absolute;
	left: -426px;
	padding-left: 0;
	padding-right: 0;
}

.transparency-dropdown {
	position: absolute;
	left: -602px;
	padding-left: 0;
	padding-right: 0;
}



/* Prime Nav: Sitemap Control */
.dropdown-menu a.header {
	color: #333;
}

	.dropdown-menu a.header:hover {
		color: #428bca;
	}

.prime-nav-sitemap ul {
	padding-left: 0;
	padding-top: 10px;
}

	.prime-nav-sitemap ul.dropdown-toggle {
		padding-top: 0;
	}

	.prime-nav-sitemap ul li.dropdown-toggle.nav-toggle {
		list-style: none;
		font-size: 16px;
	}

		.prime-nav-sitemap ul li.dropdown-toggle.nav-toggle > a {
			font-size: 17px;
			font-weight: bold;
			padding: 10px 0 0 0;
			margin-bottom: 5px;
			color: #333;
		}

			.prime-nav-sitemap ul li.dropdown-toggle.nav-toggle > a:hover {
				color: #428bca;
			}

	.prime-nav-sitemap ul .dropdown-menu {
		display: block !important;
		position: relative;
		float: none;
		border: none;
		box-shadow: none;
		background-color: transparent;
		z-index: 0;
		padding: 5px 0;
		list-style: disc;
		opacity: 1 !important;
	}

		.prime-nav-sitemap ul .dropdown-menu > li > a {
			color: #333;
			padding: inherit;
			text-transform: none;
		}

			.prime-nav-sitemap ul .dropdown-menu > li > a:hover {
				color: #428bca;
				background-color: transparent;
			}

.prime-nav-sitemap a span.caret {
	display: none;
}
/* End - Prime Nav: Sitemap Control */

/* Prime Nav: Sitemap Control - DisplayLevel 2 Fix */

div.prime-nav-sitemap ul.dropdown-toggle > li, div.prime-nav-sitemap ul li {
	list-style: none;
}
/* Primary Navigation: Department & Agencies */
/*Display first 16 by hiding all past 16*/
div.department-agencies-a-n li:nth-of-type(n+20) {
	display: none !important;
}
/*Display last 16 by hiding fist 15*/
div.department-agencies-o-z li:nth-of-type(-n+19) {
	display: none !important;
}
/* End - Primary Navigation: Department & Agencies */
div.prime-nav-sitemap ul.dropdown-toggle > li > a, div.prime-nav-sitemap ul li a {
	text-transform: none;
	color: #333;
}

	div.prime-nav-sitemap ul.dropdown-toggle > li > a:hover, div.prime-nav-sitemap ul li a:hover {
		color: #428bca;
	}

/* End - Sitemap Control - DisplayLevel 2 Fix */

/* Navbar Header Logo & Text */
.navbar-header {
	padding: 0 15px;
}

.navbar-default .navbar-brand {
	color: #142b48;
}
/*.navbar-default .navbar-nav > li > a {color: #142b48; font-weight: bold;}*/
.navbar-default .navbar-nav > li > a:hover {
	color: #7399c8;
}

/* ----- Nav: SubNav ----- */
/*#sub-nav-row {min-height: 30px; font-size: 12px; width:100%;} ORIGINAL  */
.subnav-affix-wrapper {
	z-index: 999;
	position: relative;
}

	.subnav-affix-wrapper.affix {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
	}

#sub-nav {
	min-height: 5px;
	width: 100%;
	font-size: 12px;
	background-color: #142b48;
}
/*For Spa Pages*/

#anchor-subnav {
	min-height: 50px;
	font-size: 18px;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px #ccc solid;
	webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.5);
}

	#anchor-subnav.affix {
		position: fixed;
		top: 47px;
		width: 100%;
		z-index: 100;
	}

	#anchor-subnav .subnav {
		padding-left: 0;
		margin: 0;
		list-style: none;
		float: left;
		width: 100%;
	}

		#anchor-subnav .subnav > li {
			display: block;
			float: left;
			width: 25%;
		}

			#anchor-subnav .subnav > li > a {
				position: relative;
				display: block;
				font-weight: normal;
				text-align: center;
				padding: 20px 0 20px 0;
				background-color: transparent;
				color: #7d7c7b;
			}

				#anchor-subnav .subnav > li > a:hover {
					color: #142b48;
				}

				#anchor-subnav .subnav > li > a > span {
					display: none;
				}

				#anchor-subnav .subnav > li > a:hover > span {
					display: block;
					width: 100%;
					text-align: center;
					position: absolute;
					top: -23px;
					color: #142b48;
				}

			/* on scroll */
			#anchor-subnav .subnav > li.active > a > span {
				display: block;
				width: 100%;
				text-align: center;
				position: absolute;
				top: -23px;
				color: #142b48;
			}

			#anchor-subnav .subnav > li.active > a {
				color: #142b48 !important;
				font-weight: bold;
			}

#subnav-secondary-links > .subnav > li > a {
	padding: 8px 15px;
}

	#subnav-secondary-links > .subnav > li > a.active {
		color: #474747;
		text-decoration: underline;
	}

	#subnav-secondary-links > .subnav > li > a:hover, a:active, a:focus {
		color: #ccc;
	}

/* ----- Nav: Department SubNav ----- */
/*#subnav-secondary-links ul.subnav.depts-subnav > li:first-of-type {
                position: relative;
                float: left;
                font-size: 25px;
                text-transform: uppercase;
                text-align: left;
            }*/

div[id*="sm_secondary_nav"] > span:first-of-type {
	position: relative;
	float: left;
	font-size: 22px;
	text-align: left;
	padding: 8px 0px;
}

div[id*="sm_secondary_nav"] span a {
	color: white;
}


#subnav-secondary-links ul.subnav.depts-subnav > li a {
	padding: 14px 15px;
	display: block;
}
/*#subnav-secondary-links ul.subnav.depts-subnav > li:first-of-type a {padding: 8px 15px;}*/
#subnav-secondary-links ul.subnav.depts-subnav > li ul.dropdown-menu {
	padding: 0;
}
/*#subnav-secondary-links ul.subnav.depts-subnav > li ul a {padding: 8px 15px;}*/


/* Subnav for home */
.subnav-home > li > a {
	color: #204c72;
}

	.subnav-home > li > a:hover {
		color: #ccc;
	}
/* Subnav for County Center */
.subnav-county-center {
	padding-left: 280px;
}

	.subnav-county-center > li > a {
		color: #fff;
		font-size: 18px;
		padding-top: 14px;
		font-weight: 300;
	}

		.subnav-county-center > li > a:hover {
			color: #204c72;
		}

/* subnav-social for social icons in subnav - DEPRECATED once County Center merged homepage launches */
#subnav-secondary-links {
}

.subnav-social {
	margin: 8px 0;
}

	.subnav-social > li:first-child {
		border-left: 1px solid #fff;
		padding-left: 10px;
	}
	/*.subnav-social > li:last-child {padding-right: 10px;} */
	.subnav-social > li > a {
		padding: 0px 6px;
	}

		.subnav-social > li > a.active {
			color: #474747;
			text-decoration: underline;
		}

		.subnav-social > li > a:hover, a:active, a:focus {
			color: #ccc;
		}

/* subnav-translate for social icons in subnav - DEPRECATED once County Center merged homepage launches */
#subnav-tools {
}

.subnav-translate {
	margin-top: 6px;
	padding-right: 10px;
}

.goog-te-gadget-simple {
	background-color: transparent !important;
	border: none !important;
}

	.goog-te-gadget-simple .goog-te-menu-value {
		color: #fff !important;
		margin-left: -15px !important;
		font-size: 12px !important;
		font-family: 'Roboto', sans-serif !important;
		-webkit-font-smoothing: antialiased !important;
	}

.goog-te-gadget img {
	background-image: none !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
	border: none !important;
}

.goog-te-menu2 {
	background-color: #ffffff !important;
	text-decoration: none !important;
	border: 1px solid #6b90da !important;
	overflow: hidden !important;
	padding: 4px !important;
}

.goog-te-menu-frame {
	top: 83px !important;
	border: none !important;
}


/* ----- Subnav: Search Modal ----- */
#subnav-search {
}

input.navbar-search-text-modal {
	height: 100px;
	font-size: 50px;
	display: inline-block;
	font-weight: 100;
	border: none;
	border-bottom: 1px solid #7399c8;
	outline: none;
	/*color: #555;*/
	color: #fff;
	padding: 3px;
	padding-right: 60px;
	width: 100%;
	/*width: 0px;*/
	/*position: absolute; */
	/*top: 20px; */
	/*right: 0;*/
	background: none;
	/*z-index: 3;*/
	transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
	cursor: default;
}

.search-modal__headline {
	color: #fff;
	font-size: 24px;
	margin-bottom: 0;
}

.search-modal__subheadline {
	color: #CCC;
	font-size: 18px;
	margin-bottom: 0;
	font-style: italic;
	/*position:relative;
                              bottom: 0;*/
}

.search-modal__close {
	position: absolute;
	top: 0;
	right: 20px;
	height: 30px;
	width: 30px;
	z-index: 99999;
	color: #fff;
}


input.navbar-search-submit-modal {
	display: none;
}

input.navbar-search-submit:hover {
	opacity: 0.8;
}

input.navbar-search-text-modal::-webkit-input-placeholder {
	color: white;
}

input.navbar-search-text-modal:-moz-placeholder { /* Firefox 18- */
	color: white;
}

input.navbar-search-text-modal::-moz-placeholder { /* Firefox 19+ */
	color: white;
}

input.navbar-search-text-modal:-ms-input-placeholder {
	color: white;
}


/* ----- End Load in Modal ----- */


/* End: Header */


/* Buncombe Alert */
#alert {
	background-color: #f2dede;
}

.buncombe-alert {
	margin-bottom: 0px;
	padding: 10px 20px;
	border: none;
	border-radius: 0px;
}
/* End: Alert */

/* Accessories - Homepage Sections */
#accessories-row {
	border-bottom: none;
	background-position: 0 50%;
	background-position: center;
	overflow: hidden;
	position: relative;
}

#accessories-row-calendar {
	border-bottom: 5px solid #adb676;
	background-color: #dadbd6;
}


/* ----- News ----- */
#news-accessory h1 {
	font-size: 28px;
}
/* Used one custom department homepages. */
.news-accessory-header {
	background-color: #ECEFF5;
	padding: 20px 15px 15px 15px;
	min-height: 61px;
	border-bottom: 1px dashed #ccc;
}

.news-accessory-cc-logo {
	border-right: 1px solid #ccc;
}

.jp-container {
	height: 354px;
	border-bottom: 1px dashed #ccc;
}

	.jp-container li {
		list-style: none;
	}

		.jp-container li a {
		}

	.jp-container p {
		padding: 0 0 0 20px;
	}

	.jp-container li a:first-child {
		margin: 0;
		padding-top: 8px;
		padding-bottom: 8px;
	}

.jspPane {
	padding: 0 !important;
}

.jspHorizontalBar {
	display: none;
}



/* ----- Carousel: Ads ----- */
#carousel-accessory {
	background-color: rgba(255, 255, 255, 0.4);
}

.carousel, .carousel-inner {
	height: inherit;
}

	.carousel-inner > .item {
		height: inherit;
		background-color: rgba(255, 255, 255, 0.5);
	}

.carousel-indicators {
	bottom: 0px;
}
/*.carousel-indicators .active {background-color: #204c72;}/
               .carousel-indicators li {border: 1px solid #ccc;}*
               
            /*
        WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
        now override the 3.3 new styles for modern browsers & apply opacity
        */
@media all and (transform-3d), (-webkit-transform-3d) {
	.carousel-fade .carousel-inner > .item.next,
	.carousel-fade .carousel-inner > .item.active.right {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	.carousel-fade .carousel-inner > .item.prev,
	.carousel-fade .carousel-inner > .item.active.left {
		opacity: 0;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

		.carousel-fade .carousel-inner > .item.next.left,
		.carousel-fade .carousel-inner > .item.prev.right,
		.carousel-fade .carousel-inner > .item.active {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
}

/*
            CAROUSEL FADE
            inspired from http://codepen.io/Rowno/pen/Afykb 
            */
.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
	opacity: 1;
}

	.carousel-fade .carousel-inner .active.left,
	.carousel-fade .carousel-inner .active.right {
		left: 0;
		opacity: 0;
		z-index: 1;
	}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}

.carousel-fade .carousel-control {
	z-index: 2;
}


/* ----- Icon Nav - Homepage - DEPRECATED once County Center merged homepage launches ----- */
#icon-nav-row {
	background: #e2e5e9;
	border-bottom: #ccc dashed 1px;
	min-height: 50px;
}

	#icon-nav-row .tp-content {
		width: 12.5%;
		height: auto;
		padding: 0 0 20px 0;
		float: left;
		cursor: pointer;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

		#icon-nav-row .tp-content .icon {
			text-align: center;
			margin: 19px auto 16px;
		}

		#icon-nav-row .tp-content .top {
			width: 70px;
			height: 70px;
			background: #fff;
			border: 2px solid #475055;
			border-radius: 100px;
			padding: 10px 0;
			position: relative;
		}

			#icon-nav-row .tp-content .top:after {
				position: absolute;
				background: transparent;
				content: '';
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				border-radius: 500px;
				-webkit-transition: all 0.4s;
				-moz-transition: all 0.4s;
				transition: all 0.4s;
			}

			#icon-nav-row .tp-content .top span {
				font-size: 30px;
			}

		#icon-nav-row .tp-content .bottom span {
			width: 31px;
			height: 31px;
			padding-top: 6px;
			font-size: 20px;
			color: #929292;
			background: transparent;
			border: 1px solid #464646;
			border-radius: 100px;
		}

		#icon-nav-row .tp-content .text {
			width: 95%;
			text-align: center;
			margin: auto;
		}

		#icon-nav-row .tp-content .content-header {
			text-transform: uppercase;
			font-size: 16px;
		}

		#icon-nav-row .tp-content .content-desc {
			font-size: 16px;
			color: #717171;
			margin-top: 10px;
			font-weight: 100;
		}
		/* --- Top Row Hover Styles --- */
		#icon-nav-row .tp-content:hover {
			background: #333;
			color: #fff;
		}

			#icon-nav-row .tp-content:hover .top {
				border: 2px solid #464646;
				background: #fff;
			}

				#icon-nav-row .tp-content:hover .top:after {
					border: 2px solid white;
					-webkit-transform: scale(1.2);
					-moz-transform: scale(1.2);
					-ms-transform: scale(1.2);
					transform: scale(1.2);
				}

				#icon-nav-row .tp-content:hover .top span {
					color: #464646;
				}

			#icon-nav-row .tp-content:hover .content-desc {
				color: #fff;
			}

			#icon-nav-row .tp-content:hover .bottom span {
				border: 1px solid #fff;
				color: #fff;
			}


/* Top Services */
#top-services-row {
	position: relative;
	bottom: 0px;
	width: 100%;
	border-top: 1px solid #bcbbba;
	border-bottom: 1px solid #bcbbba;
	background-color: rgba(238, 238, 238, 1);
	min-height: 50px;
}

	#top-services-row .ts-container {
		width: 16.6666667%;
		float: left;
		padding: 10px 0;
		height: auto;
		cursor: pointer;
	}

		#top-services-row .ts-container .icon {
			width: 55px;
			height: 55px;
			background: #fff;
			border: 2px solid #475055;
			border-radius: 100px;
			padding: 12px 0 0 1px;
			position: relative;
			float: left;
			text-align: center;
			margin: 0;
			margin-right: 10px;
		}

		#top-services-row .ts-container .ts-content {
			width: 100%;
			padding: 0;
		}

			#top-services-row .ts-container .ts-content .icon {
				color: #428bca;
			}

				#top-services-row .ts-container .ts-content .icon .fa {
					font-size: 1.7em;
				}

			#top-services-row .ts-container .ts-content .title {
				padding-top: 10px;
			}

				#top-services-row .ts-container .ts-content .title .h1 {
					display: block;
					margin: 0;
					color: inherit;
					font-size: 18px;
					padding: 0;
					color: #428bca;
					font-weight: 500;
				}

				#top-services-row .ts-container .ts-content .title .h2 {
					display: block;
					margin: 0;
					color: inherit;
					font-weight: normal;
					font-size: 14px;
					text-transform: lowercase;
					padding: 0;
				}
		/*--- Hover Styles --- */
		/*#top-services-row .ts-container a {color: #fff;}*/
		#top-services-row .ts-container:hover .ts-content .icon:after {
			border: 2px solid white;
			-webkit-transform: scale(1.2);
			-moz-transform: scale(1.2);
			-ms-transform: scale(1.2);
			transform: scale(1.2);
		}

		#top-services-row .ts-container:hover .ts-content .icon {
			color: #333;
		}

		#top-services-row .ts-container:hover .ts-content .title .h1 {
			color: #333;
		}


.follow-social {
	margin: 8px 0;
	color: #333;
}

	.follow-social li {
		display: inline;
	}

	.follow-social > li > a {
		padding: 0px 6px;
		color: #428bca;
	}

		.follow-social > li > a.active {
			color: #474747;
			text-decoration: underline;
		}

		.follow-social > li > a:hover, a:active, a:focus {
			color: #333;
		}

/* ----- Icon Nav - Department Homepages ----- */
.center-column-title-content #icon-nav-row {
	background: #fff;
	margin-top: -20px;
}

	.center-column-title-content #icon-nav-row .tp-content {
		width: 16.6%;
		height: auto;
		padding: 0 0 20px 0;
		float: left;
		cursor: pointer;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}

		.center-column-title-content #icon-nav-row .tp-content .icon {
			text-align: center;
			margin: 19px auto 16px;
		}

		.center-column-title-content #icon-nav-row .tp-content .top {
			width: 70px;
			height: 70px;
			background: #fff;
			border: 2px solid #475055;
			border-radius: 100px;
			padding: 10px 0;
			position: relative;
		}

			.center-column-title-content #icon-nav-row .tp-content .top:after {
				position: absolute;
				background: transparent;
				content: '';
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				border-radius: 500px;
				-webkit-transition: all 0.4s;
				-moz-transition: all 0.4s;
				transition: all 0.4s;
			}

			.center-column-title-content #icon-nav-row .tp-content .top span {
				font-size: 30px;
				color: #fff;
			}

		.center-column-title-content #icon-nav-row .tp-content .bottom span {
			width: 31px;
			height: 31px;
			padding-top: 6px;
			font-size: 20px;
			color: #929292;
			background: transparent;
			border: 1px solid #464646;
			border-radius: 100px;
		}

		.center-column-title-content #icon-nav-row .tp-content .text {
			width: 95%;
			text-align: center;
			margin: auto;
		}

		.center-column-title-content #icon-nav-row .tp-content .content-header {
			text-transform: uppercase;
			font-size: 16px;
		}

		.center-column-title-content #icon-nav-row .tp-content .content-desc {
			font-size: 16px;
			color: #717171;
			margin-top: 10px;
			font-weight: 100;
		}
		/* --- Top Row Hover Styles --- */
		.center-column-title-content #icon-nav-row .tp-content:hover {
			background: #333;
			color: #fff;
		}

			.center-column-title-content #icon-nav-row .tp-content:hover .top {
				border: 2px solid #464646;
				background: #fff;
			}

				.center-column-title-content #icon-nav-row .tp-content:hover .top:after {
					border: 2px solid white;
					-webkit-transform: scale(1.2);
					-moz-transform: scale(1.2);
					-ms-transform: scale(1.2);
					transform: scale(1.2);
				}

				.center-column-title-content #icon-nav-row .tp-content:hover .top span {
					color: #464646;
				}

			.center-column-title-content #icon-nav-row .tp-content:hover .content-desc {
				color: #fff;
			}

			.center-column-title-content #icon-nav-row .tp-content:hover .bottom span {
				border: 1px solid #fff;
				color: #fff;
			}


/* Responsive iFrame - Currently used with google calendars. */
.responsive-iframe-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

	.responsive-iframe-container iframe,
	.vresponsive-iframe-container object,
	.vresponsive-iframe-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
/* End: Accessories - Homepage Sections */

/* Start: Breadcrumbs */
#breadcrumbs-row {
	padding: 15px 0 20px;
	font-size: 16px;
}

#county-center-breadcrumbs-row {
	padding: 10px 0 10px 0;
	background-color: #fff;
}

.breadcrumb {
	background-color: transparent;
	font-size: 16px;
	padding: 0;
	margin: 0;
}
	/*.breadcrumb a{color: #428bca;}*/
	.breadcrumb a.active {
		color: #ccc;
	}

	.breadcrumb a:hover, a:active, a:focus {
		color: #9a9a9a;
		text-decoration: none;
		outline: none;
	}

#breadcrumbs-content {
	position: relative;
}

/*Deprecated*/
/*nav.shifter-navigation {padding: 0 0 0 20px;}
               nav.shifter-navigation ul li a {padding: 5px 0 5px 15px; border-bottom: 1px solid #ebebeb; display: block; color: #4c4c4c;}
               nav.shifter-navigation ul li ul li a {padding: 7px  0 7px 25px; border-bottom: 1px solid #e0e0e0;}
               nav.shifter-navigation ul li ul li ul li a {padding: 7px  0 7px 35px; border-bottom: 1px solid #e0e0e0;}
               
               nav.shifter-navigation h3 {border-bottom: 1px solid #ebebeb; padding: 6px 0 0 0;}
               nav.shifter-navigation ul {width: 100%; padding: 0; list-style: none;}
               nav.shifter-navigation ul li a:hover{color: #7399c8;}*/

/* End: Breadcrumbs */

/* Page Content: Main Body Section */
#page-content {
	padding-top: 0;
	border-bottom: #ccc dashed 1px;
}

	#page-content dd {
		padding: 0 25px;
	}


.col-divide {
	border-right: 1px dotted #ccc;
}

.col-divide-left {
	border-left: 1px dotted #ccc;
}

/* LEFT COLUMN */
#left-column {
	padding-top: 20px;
}

	#left-column ul.dropdown-menu, .left-column ul.dropdown-menu {
		position: relative;
		padding: 0;
		margin: 0;
		font-size: 14px;
		background-color: transparent;
		border: none;
		box-shadow: none;
	}

	#left-column li.dropdown-toggle span.caret {
		position: absolute;
		margin-top: 10px;
		right: 30px;
	}

	#left-column ul li a, .left-column ul li a {
		padding: 5px 0 5px 15px;
		border-bottom: 1px solid #ebebeb;
		display: block;
		color: #4c4c4c;
	}

	#left-column ul li ul li a, .left-column ul li ul li a {
		padding: 7px 0 7px 25px;
		border-bottom: 1px solid #e0e0e0;
	}

	#left-column ul li ul li ul li a, .left-column ul li ul li ul li a {
		padding: 7px 0 7px 35px;
		border-bottom: 1px solid #e0e0e0;
	}

	#left-column ul li ul li ul li ul li a, .left-column ul li ul li ul li ul li a {
		padding-left: 40px;
	}

	#left-column ul li ul li ul li ul li ul li a, .left-column ul li ul li ul li ul li ul li a {
		padding-left: 45px;
	}

	#left-column h3, .left-column h3 {
		border-bottom: 1px solid #ebebeb;
		padding: 6px 0 0 0;
		font-size: 20px;
		margin-bottom: 0px;
	}

	#left-column ul, .left-column ul {
		width: 100%;
		padding: 0;
		list-style: none;
	}

		#left-column ul li a:hover, .left-column ul li a:hover {
			color: #7399c8;
		}

	#left-column .trumba-spud, .left-column .trumba-spud {
		padding: 5px 0 5px 5px;
	}


#side-nav .header {
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: none;
	border-left: solid 5px #adb673;
}

#side-nav span a.header {
	text-transform: uppercase;
	font-size: 18px;
	border-bottom: none;
	border-left: solid 5px #adb673;
	padding: 5px 0 5px 15px;
	display: block;
	color: #4c4c4c;
}

.subnav .flexnav .header {
	text-transform: uppercase;
	font-size: 6px;
	border-bottom: none;
	border-left: solid 5px #adb673;
}

#side-nav .header-one {
	font-weight: 700;
	background-color: #e2e2e2;
}

#side-nav li a:hover, #side-nav .menu-button span a.header:hover {
	background-color: #e8e8e8;
	background-position: left center;
	background-repeat: repeat-x;
	color: #283208;
	background-image: none;
}

/* CENTER COLUMN NEST - Used in 3-column-alt.master */
#center-column-container-nest {
	background-color: #fff;
}

	#center-column-container-nest a {
		text-decoration: underline;
	}

		#center-column-container-nest a:hover {
			text-decoration: none;
		}

.center-column-title-row {
	width: 100%;
	position: relative; /* Added for Page Category purposes */
	z-index: 1; /* Places center-column-title-row over 1st section h2 that has margin-top. Sometimes margin-top interferes with forms, etc..  */
	margin-bottom: -10px;
}

.center-column-title {
	padding-left: 0;
	padding-right: 0;
}

	.center-column-title h1, .h1 {
		font-size: 34px;
		padding-bottom: 10px;
	}

.center-column-title-content {
	margin-top: -20px;
	padding-bottom: 25px;
}
/* CENTER COLUMN */
#center-column, .center-column {
	background-color: #fff;
	padding-bottom: 25px;
}

	#center-column nav ul.pagination li, .center-column nav ul.pagination li {
		padding: 0;
	}

	#center-column h1, .h1 {
		font-size: 34px;
	}
	/* Deprecated */
	.center-column h1, .h1 {
		font-size: 34px;
	}
	/* Deprecated */

	/* *Anchor fix for all page categories. */
	#center-column section h2 {
		padding-top: 80px;
		margin-top: -55px;
	}

	#center-column section:first-of-type h2 {
		padding-top: 80px;
		margin-top: -80px;
	}
	/* Fixes Alignment issues with anything first in center column and shar this in right column*/
	.center-column section h2 {
		padding-top: 80px;
		margin-top: -55px;
	}

	.center-column section:first-of-type h2 {
		padding-top: 80px;
		margin-top: -80px;
	}
	/* Fixes Alignment issues with anything first in center column and shar this in right column*/

	/* .anchor-offset to be used towards section anchors/id's not followed by an H2. Ex: rod/generalfees */
	#center-column section.anchor-offset:before {
		display: block;
		content: " ";
		height: 75px;
		margin-top: -75px;
		visibility: hidden;
	}

	.center-column section.anchor-offset:before {
		display: block;
		content: " ";
		height: 75px;
		margin-top: -75px;
		visibility: hidden;
	}

	/* Sitemap Control for use in center column */
	#center-column a.header {
		font-family: 'Roboto', sans-serif;
		font-weight: 100;
		text-transform: none;
		color: #4c4c4c;
		margin: 0 0 15px 0;
		display: block;
		font-size: 30px;
	}
	/*#center-column li.dropdown-toggle.nav-toggle {
    font-weight: bold;}*/

	#center-column .dropdown-menu {
		display: block !important;
		position: relative;
		float: none;
		border: none;
		box-shadow: none;
		background-color: transparent;
		z-index: 0;
		/*padding: 5px 0;*/
		padding: 5px 0 5px 10px;
		list-style: disc;
	}

		#center-column .dropdown-menu > li > a {
			color: #428bca;
			padding: inherit;
		}

			#center-column .dropdown-menu > li > a:hover {
				color: #9a9a9a;
				background-color: transparent;
			}

	#center-column a span.caret {
		display: none;
	}

/* RIGHT COLUMN */

/*#right-column a, .right-column a {
    text-decoration: none;
}*/

#right-column, .right-column { /*padding-bottom: 20px; background-color: transparent; padding-right:0;*/
	font-size: 16px;
}

	#right-column aside, .right-column aside {
		padding: 0;
	}

	/*#right-column #add-this-header .btn-group-lg > .btn, .btn-lg {
        padding: 0 16px 10px 16px;
    }*/

	#right-column #add-this-header {
		margin-top: 0px;
	}
	/*#right-column #add-this-header{margin-top:10px;}   ORIGINAL */
	#right-column .add-this-toolbox, .right-column .add-this-toolbox {
		padding: 10px 0 0 8px;
	}

	#right-column .google-translate, .right-column .google-translate {
		padding: 12px 0 12px 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #e0e0e0;
		background-color: #F7F7F7;
	}

	#right-column .share-this-tools, .right-column .share-this-tools {
		padding: 0;
	}
	/* Depricated */
	#right-column h3, .right-column h3 {
		font-size: 20px;
		margin-bottom: 0;
		margin-top: 20px;
	}


		#right-column h3.calendar-sort-by {
			margin: 27px 0 15px 0;
		}
		/* Added to leading h3 to light h3 border with calendars. */
		.right-column h3.calendar-sort-by {
			margin: 27px 0 15px 0;
		}

	#right-column .trumba-spud {
		padding: 0 15px;
	}

	.right-column .trumba-spud {
		padding: 0 15px;
	}
	/*#right-column address {padding-left: 20px;}*/

	#right-column ul {
		padding: 0 0 0 20px;
		margin: 0;
		list-style: none;
		font-size: 16px;
		width: 225px;
	}

	.right-column ul {
		padding: 0 0 0 20px;
		margin: 0;
		list-style: none;
		font-size: 16px;
		width: 225px;
	}

	#right-column ul li {
		padding: 4px 0px;
	}

	.right-column ul li {
		padding: 4px 0px;
	}

/*Bootstrap Affix for Right Column container*/
#right-column-affix-wrapper.affix {
	top: 50px;
	width: 278px;
	z-index: 1;
	background-color: #fff;
	padding-top: 10px;
}

.affix-bottom {
	position: relative;
}
/* Fixes .affix issue with placing position: relative locally */
#right-column.nav {
	padding: 0;
	margin-bottom: 0;
	list-style: none;
}

#right-column ul.nav {
	margin: 0 0 15px 0;
	padding: 0;
}

#right-column .nav > li > a {
	padding: 4px 15px;
	margin: 0;
}

#right-column ul li.active {
	background-color: aliceblue;
}

#right-column p {
	padding: 10px 0 15px 15px;
}

#right-column address {
	padding: 10px 0 0 15px;
}

	#right-column address p {
		padding: 0;
	}

.control-spud {
	padding: 10px 15px 0;
}

.add-this-toolbox {
	padding: 5px 10px;
}

/*Bootstrap Affix for Right Column container*/
.right-column.nav {
	padding: 0;
	margin-bottom: 0;
	list-style: none;
}

.right-column ul.nav {
	margin: 0 0 15px 0;
	padding: 0;
}

.right-column .nav > li > a {
	padding: 4px 15px;
	margin: 0;
}

.right-column ul li.active {
	background-color: aliceblue;
}

.right-column p {
	padding: 10px 0 15px 15px;
}

.right-column address {
	padding: 10px 0 0 15px;
}

	.right-column address p {
		padding: 0;
	}

/* Ezine Signup */
#ezine-signup-row {
	background: none;
	min-height: 50px;
	padding: 5px 0 0 0;
	margin-bottom: -105px;
	position: relative;
	z-index: 5;
}

.ezine-left {
	padding: 18px 0 0 30px;
}

	.ezine-left a.left-icon {
		display: block;
		width: 60px;
		height: 60px;
		border-radius: 0%;
		background: #3d3d3d;
		position: relative;
		text-align: center;
		padding: 15px 0;
		float: left;
	}

		.ezine-left a.left-icon:after {
			content: "";
			position: absolute;
			left: 97%;
			top: 50%;
			border-left: 11px solid black;
			border-left-color: #3d3d3d;
			border-top: 11px solid transparent;
			border-bottom: 11px solid transparent;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			transform: translateY(-50%);
		}

	.ezine-left .text h2 {
		margin: 5px auto 0;
		text-transform: uppercase;
		font-size: 27px;
		color: #484541;
		font-weight: 400;
	}

	.ezine-left .text {
		float: left;
		margin: 0 17px;
	}

.ezine-right {
	padding: 35px 0 0 0;
}

.ezine-left a.left-icon i {
	color: white;
	font-size: 30px;
}

.ezine-left a.left-icon span {
	color: white;
	font-size: 30px;
}
/* End: Ezine Signup */
/*End: Page Content*/

/* Footer */
.ezine-signup-bg {
	background-image: url(../../Img/logo-landscape.gif);
	background-position: top right;
	background-repeat: no-repeat;
	min-height: 150px;
	position: relative;
}

#footer {
	background: #041121;
	font-weight: lighter;
	padding: 50px 0 0 0;
	margin-top: -32px;
}

	#footer .h4 {
		color: #6787b3;
	}

	#footer ul {
		padding: 0;
		list-style: none;
	}

		#footer ul li {
			background: url(../../Img/li-arrow-white.png) center left no-repeat;
		}

			#footer ul li a {
				padding: 7px 15px;
				display: block;
				color: #ccc;
			}

	#footer a:hover {
		color: #6787b3;
	}

	#footer .radio {
		margin-bottom: 0;
	}

#footer-i-want-to {
	padding-left: 50px;
}

#footer p {
	color: #fff;
}
/* End: Footer */

/* ---------- Miscellaneous ---------- */
/* C# Forms */
.tableless label {
	font-weight: normal;
}


/* Checkboxes on pages */

.checkBoxList-pg-content {
	margin-left: 30px;
}

	.checkBoxList-pg-content label {
		text-align: left;
		padding-left: 5px;
		padding-top: 0;
		color: #4c4c4c;
	}

	.checkBoxList-pg-content td {
		padding: 0.1em;
	}

/* Checkboxes in footer */
.checkBoxList {
	margin-left: 30px;
}

.checkBoxList-black label {
	text-align: left;
	padding-left: 5px;
	padding-top: 0;
	color: #000;
}


.checkBoxList label {
	text-align: left;
	padding-left: 0px;
	padding-top: 0;
	color: #ccc;
}

.checkBoxList td {
	padding: 0.1em;
}




/* Moved from original global */
.err {
	color: #900;
	font-weight: Bold;
}

.msgBox {
	margin: 5px auto 15px auto;
	padding: 10px 10px 10px 65px;
	border: 1px solid #000;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	min-height: 48px;
	display: block;
	font-weight: bold;
}

.border-dashed {
	border: 1px dashed #B5C294;
}

.hr-dashed {
	border-top: 1px dashed #B5C294;
}

/*.inline {
    display: inline;
}*/

.textCenter {
	text-align: center;
}

.altLink a {
	display: inline;
	color: #00FF00;
}

#side_bar {
	padding: 5px;
	overflow: auto;
	display: block;
	height: 500px;
	width: auto;
	border-top: 1px solid #e8e8e8;
	background: #fff;
}

/* vertically centers modals */
.modal-dialog-centered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - (.5rem * 2));
}

/* ---------- COUNTY CENTER ----------*/
#county-center-logo {
	padding-left: 0;
	position: absolute;
	z-index: 99;
	background-color: #f2f2f2;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border: 1px solid #adb673;
	border-top: none;
}

.img-thumb {
	width: 25%;
}
/* ---------- End: COUNTY CENTER ----------*/

/*Accessibility Skip Content Button*/

a.offscreen {
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 1px;
	height: 1px;
	text-align: left;
	overflow: hidden;
	padding: 13px;
	text-decoration: underline;
}

	a.offscreen:focus, a.offscreen:active, a.offscreen:hover {
		position: absolute;
		left: 0;
		top: 0;
		width: auto;
		height: auto;
		overflow: visible;
		background-color: #428bca;
		color: #fff;
		text-decoration: none;
		border: 1px dotted #fff;
		z-index: 9999;
	}

/* ---------- Custom SPA's ---------- */


.container-inner {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	padding: 40px 0;
	position: relative;
	z-index: 2;
}


/* ---------- Featured Items ----------*/
.feature.colored .feature-icon,
.feature.colored .feature-title {
	color: #5b90b7;
}

.feature.feature-1 {
	margin-top: 70px;
	text-align: center;
}

	.feature.feature-1 .feature-icon {
		margin-bottom: 8px;
		padding-top: 10px;
		font-size: 48px;
		line-height: 1.3;
	}

		.feature.feature-1 .feature-icon img {
			width: 100%;
		}

.feature.feature-2 {
	margin: 60px 0 0 0;
	position: relative;
	padding-left: 55px;
	padding-right: 55px;
	padding-top: 3px;
	font-size: 13px;
	-webkit-transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
	transform: perspective(500px) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}

	.feature.feature-2 .feature-icon {
		width: 40px;
		height: 40px;
		position: absolute;
		top: 0;
		left: 0;
		line-height: 40px;
		text-align: center;
		font-size: 32px;
	}

	.feature.feature-2 .feature-title {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 11px;
		letter-spacing: 2px;
	}

.feature-title {
	font-weight: bold;
}

.feature-description {
	text-align: center;
	font-size: 85%;
	font-style: italic;
}

.image-square .content .feature-2 {
	margin-top: 0;
	padding-right: 0;
}


/* ---------- Promoted Applications ----------*/
#sec-promoted-applications {
	height: 300px;
	padding: 0 !important;
}

.pa-label {
	position: absolute;
	padding: 10px;
	border-radius: 0;
	top: 0;
	color: #fff !important;
}

.promoted-apps-container,
.promoted-apps-container.container,
.promoted-apps-container.container > .row,
.promoted-apps-container.container > .row > a,
.promoted-apps-container.container > article,
.promoted-apps-container.container > article > a,
.promoted-apps-container > .row,
.promoted-apps-container > .row > a,
.promoted-apps-container > article,
.promoted-apps-container > article > a,
.promoted-apps-container > a {
	height: inherit;
	padding: 0;
}

.promoted-apps {
	position: relative;
	height: inherit;
	min-height: 135px;
	padding: 50px 0 50px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

	.promoted-apps.force-5 {
		width: 20%;
		float: left;
		position: relative;
	}




	.promoted-apps .pa-icon {
		text-align: center;
		margin: 19px auto 16px;
	}

	.promoted-apps .pa-top {
		width: 70px;
		height: 70px;
		background: #fff;
		color: #a7996c;
		border: 2px solid #464646;
		border-radius: 100px;
		padding: 16px 0;
		position: relative;
	}

		.promoted-apps .pa-top:after {
			position: absolute;
			background: transparent;
			content: '';
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			border-radius: 500px;
			-webkit-transition: all 0.4s;
			-moz-transition: all 0.4s;
			transition: all 0.4s;
		}

		.promoted-apps .pa-top span {
			font-size: 30px;
		}

	.promoted-apps .pa-bottom span {
		width: 31px;
		height: 31px;
		padding-top: 6px;
		font-size: 20px;
		color: #929292;
		background: transparent;
		border: 1px solid #464646;
		border-radius: 100px;
	}

	.promoted-apps .pa-text {
		width: 95%;
		text-align: center;
		margin: auto;
	}

	.promoted-apps .pa-content-header {
		text-transform: uppercase;
		font-size: 20px;
	}

	.promoted-apps .pa-content-desc {
		font-size: 16px;
		color: #717171;
		margin-top: 10px;
		margin-bottom: 20px;
		font-weight: 100;
	}

	/* Promoted Applications Hover Styles */

	.promoted-apps:hover {
		background: #142b42;
		color: #fff;
	}

		.promoted-apps:hover .pa-top {
			border: 2px solid #464646;
			background: #fff;
		}

			.promoted-apps:hover .pa-top:after {
				border: 2px solid white;
				-webkit-transform: scale(1.2);
				-moz-transform: scale(1.2);
				-ms-transform: scale(1.2);
				transform: scale(1.2);
			}

			.promoted-apps:hover .pa-top i {
				color: #464646;
			}

		.promoted-apps:hover .pa-content-desc {
			color: #fff;
		}

		.promoted-apps:hover .pa-bottom i {
			border: 1px solid #fff;
			color: #fff;
		}

/* ---------- Promoted Links (pl-) & Team Links (tl-) ----------*/

.pl-label {
	position: absolute;
	margin: 2px;
	padding: 10px;
	border-radius: 0;
	color: #fff !important;
	z-index: 1;
}


.promoted-links > .pl-label {
	left: 10px;
}

.promoted-links, .team-links {
	padding: 9px;
	height: auto;
	color: #aaaaaa;
	cursor: default;
	overflow: hidden;
}

	.promoted-links.force-5, .team-links.force-5 {
		width: 20%;
		float: left;
		position: relative;
	}

.pl-inner {
	border: 1px solid #ebebeb;
	text-align: center;
	background: #fff; /* For browsers that do not support gradients */
	background: -webkit-radial-gradient(#ffffff, #f7f7f7, #dadada); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(#ffffff, #f7f7f7, #dadada); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(#ffffff, #f7f7f7, #dadada); /* For Firefox 3.6 to 15 */
	background: radial-gradient(#ffffff, #f7f7f7, #dadada); /* Standard syntax */
}

.tl-inner {
	border: none;
}

	.pl-inner span.fa, .tl-inner span.fa {
		display: block;
		padding-bottom: 15px;
		font-size: 1em;
		color: #464646;
	}

.pl-inner:hover span.fa, .pl-inner:hover span {
	opacity: .2;
}


.pl-img, .tl-img {
	width: 100%;
	position: relative;
	overflow: hidden;
}

	.pl-img img, .tl-img img {
		width: 100%;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
	}

.pl-btn-txt, .tl-btn-txt {
	font-weight: 100;
	position: relative;
	min-height: 175px;
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 70px;
	color: #142b48;
	text-transform: uppercase;
	letter-spacing: 0;
}

	.pl-btn-txt:hover {
		background-color: #888;
	}


	.pl-btn-txt > span.header, .tl-btn-txt > span.header {
		font-weight: bold;
		display: block;
		/*        line-height: .5em;
*/
	}

	.pl-btn-txt > span.sub-header, .tl-btn-txt > span.sub-header {
		font-weight: normal;
		display: block;
		line-height: .75em;
	}


.pl-desc {
	width: 100%;
	background: white;
	margin: 0;
	text-align: center;
	padding: 15px 5px;
}

.tl-desc {
	width: 100%;
	background-color: transparent;
	margin: 0;
	text-align: center;
}

.pl-desc h4 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
}

.tl-desc h3 {
	font-size: 1.17em !important;
	margin: 15px 0 5px 0;
}

.tl-desc h4 {
	font-size: 1em !important;
	font-weight: 500;
	margin: 0 0 15px 0;
}

.pl-desc a h3, .pl-desc a h4, .tl-desc a h3, .tl-desc a h4, .pd-desc a h3, .pd-desc a h4 {
	color: dodgerblue;
}

.pl-desc a:hover h3, .pl-desc a:hover h4, .tl-desc a:hover h3, .tl-desc a:hover h4, .pd-desc a:hover h3, .pd-desc a:hover h4 {
	color: #ccc;
}

.pl-desc p, .tl-desc p {
	font-size: 16px;
	margin: 0;
}


.pl-img .button, .pl-btn-txt .button, .tl-img .button, .tl-btn-txt .button {
	width: 42px;
	height: 42px;
	display: block;
	border-radius: 100px;
	background-color: white;
	position: absolute;
	text-align: center;
	padding: 11px 0 0;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	cursor: pointer;
}

.pl-img .txtbutton, .pl-btn-txt .txtbutton {
	width: 100%;
	height: 100%;
	margin-left: -1px;
	display: block;
	border-radius: 0;
	background: #958a61 !important;
	position: absolute;
	text-align: center;
	padding: 50% 20px;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-transform: none;
	cursor: pointer;
}

.tl-img .txtbutton, .tl-btn-txt .txtbutton {
	width: 100%;
	height: 100%;
	margin-left: -1px;
	display: block;
	border-radius: 0;
	background: #142b48 !important;
	color: #fff;
	position: absolute;
	text-align: center;
	padding: 40% 20px 60%;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-transform: none;
	cursor: pointer;
}


.pl-img .button:hover, .pl-btn-txt .button:hover, .tl-img .button:hover, .tl-btn-txt .button:hover {
	background: #142b48;
	color: white;
}

.pl-img .txtbutton:hover, .pl-btn-txt .txtbutton:hover, /*.tl-img .txtbutton:hover,*/ .tl-btn-txt .txtbutton:hover {
	background: #958a61;
	color: white;
}

/*Modal fix*/

.tl-img .txtbutton:hover {
}


.pl-img .zoom, .pl-btn-txt .zoom, /*.tl-img .zoom,*/ .tl-btn-txt .zoom {
	left: 42%;
	top: 20%;
	opacity: 0;
	line-height: none;
}

.tl-img .zoom {
	left: 0;
	top: 0;
	opacity: 0;
	line-height: none;
}

.pl-img .detail, .pl-btn-txt .detail, .tl-img .detail, .tl-btn-txt .detail {
	opacity: 0;
}


.promoted-links:hover .pl-img img, .promoted-links:hover .pl-btn-txt img, .tl-inner:hover .tl-img img, .tl-inner:hover .tl-btn-txt img {
	opacity: 0.2;
}

.promoted-links:hover .pl-img .zoom, .promoted-links:hover .pl-btn-txt .zoom, .tl-inner:hover .tl-img .zoom, .tl-inner:hover .tl-btn-txt .zoom {
	top: 50%;
	line-height: none;
	opacity: 1;
	/*color: red; take original blue links color.*/
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.promoted-links:hover .pl-img .detail, .promoted-links:hover .pl-btn-txt .detail, .tl-inner:hover .tl-img .detail, .tl-inner:hover .tl-btn-txt .detail {
	bottom: 50%;
	opacity: 1;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	transform: translateY(50%);
}




/*------------PROMOTED DOCS-------------*/

/*.promoted-docs .pd-fittext, .pd-btn-txt, .pd-header
{line-height: 1.1em !important;}*/

/*.promoted-docs .pd-inner {
    height: 13em;
}*/

/*.promoted-docs .pl-btn-txt {
            padding-top: 35px;
            padding-bottom:35px;
        }*/

/*@media (min-width:768px)
{
    .promoted-docs .pd-inner:before 
    {
    content: "";
    position: absolute;
    top: 0;
    right: 9px;
    border-width: 0 30px 30px 0;
    border-style: solid;
    border-top-color: rgba(255, 255, 255, 1);
    border-right-color: rgba(255, 255, 255, 1);
    border-bottom-color: rgba(187, 187, 187, 1.0);
    border-left-color: rgba(255, 255, 255, 1);
    background: #ddd;
    display: block;
    width: 0;
    }
}*/

/*@media(min-width:768px) 
{
     .promoted-doc-desc 
     {
      display: none;
      }
}*/

/*@media(max-width:767px) 
 {
      .promoted-doc-desc
      {
       padding-top: 15px;
       font-size: 85%;
       text-align: center;
       }
}*/

/*.promoted-docs .zoom {
    line-height: 1.2em !important;
    font-size: 85%;
}*/

/*.promoted-docs .pd-img .txtbutton:hover, div.promoted-docs .pd-btn-txt .txtbutton:hover {
    background-color: #254b7b !important;
}*/

/*.work.promoted-links.col-sm-2 {
}*/

/*main#spa-main-content section:nth-of-type(even) div.promoted-docs .pl-inner:before {
            border-right-color: rgb(248, 248, 248);
        }*/


/*   Anthony */


.promoted-docs {
	margin: 9px 0 !important;
	padding: 9px !important;
	height: auto !important;
	color: #aaaaaa !important;
	cursor: pointer !important;
	overflow: hidden !important;
	width: 100%;
	position: relative;
	min-height: 1px;
	float: left;
}

	.promoted-docs .pd-inner:before {
		content: "";
		position: absolute;
		top: 10px;
		right: 10px;
		border-width: 0 25px 25px 0;
		border-style: solid;
		/*border-top-color: rgba(255, 255, 255, 1);*/
		border-right-color: rgba(255, 255, 255, 1);
		/*border-bottom-color: rgba(187, 187, 187, 1.0);*/
		/*border-left-color: rgba(255, 255, 255, 1);*/
		/*background: #ddd;*/
		/*display: block;*/
		width: 0;
		z-index: 5;
	}

.pd-inner {
	border: 1px solid #ebebeb;
	text-align: left;
	background: #fff; /* For browsers that do not support gradients */
	background: -webkit-radial-gradient(#ffffff, #f7f7f7, #dadada); /* Safari 5.1 to 6.0 */
	background: -o-radial-gradient(#ffffff, #f7f7f7, #dadada); /* For Opera 11.6 to 12.0 */
	background: -moz-radial-gradient(#ffffff, #f7f7f7, #dadada); /* For Firefox 3.6 to 15 */
	background: radial-gradient(#ffffff, #f7f7f7, #dadada); /* Standard syntax */
}

	.pd-inner span.fa {
		display: block;
		padding-bottom: 10px;
		font-size: 1em;
		color: #464646;
	}

.pd-img {
	width: 100%;
	position: relative;
	overflow: hidden;
}

	.pd-img img {
		width: 100%;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
	}

.pd-btn-txt {
	font-weight: 100;
	position: relative;
	overflow: hidden;
	padding: 35px 10px 30px 20px;
	color: #142b48;
	text-transform: none;
	letter-spacing: 0;
}

	.pd-btn-txt > span.header {
		font-weight: bold;
		display: block;
		line-height: 1em;
	}

.pd-desc {
	width: 100%;
	background: white;
	margin: 0;
	text-align: center;
	padding: 15px 5px;
}

	.pd-desc h4 {
		text-transform: uppercase;
		font-size: 20px;
		font-weight: 500;
		margin: 0;
	}


	.pd-desc a:hover h4 {
		color: #428bca;
	}

	.pd-desc p {
		font-size: 16px;
		margin: 0;
	}

.pd-btn-txt .button {
	width: 42px;
	height: 42px;
	display: block;
	border-radius: 100px;
	background: white;
	position: absolute;
	text-align: center;
	padding: 11px 0 0;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.pd-btn-txt .txtbutton {
	width: 100%;
	height: 100%;
	margin-left: -20px;
	display: block;
	border-radius: 0;
	background: #142b48 !important;
	position: absolute;
	text-align: center;
	padding: 50% 20px;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-transform: none;
}

.pd-btn-txt .button:hover {
	background: #958a61;
	color: white;
}

.pd-btn-txt .txtbutton:hover {
	background: #958a61;
	color: white;
}

.pd-btn-txt .zoom {
	left: 42%;
	top: 20%;
	opacity: 0;
	/*line-height: none;*/
	font-size: .75em;
	margin-bottom: 0;
}

.pd-btn-txt .detail {
	opacity: 0;
}

.promoted-docs:hover .pd-btn-txt img {
	opacity: 0.2;
}

.promoted-docs:hover .pd-btn-txt .zoom {
	top: 50%;
	line-height: none;
	opacity: 1;
	color: white;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.promoted-docs:hover .pd-btn-txt .detail {
	bottom: 50%;
	opacity: 1;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	transform: translateY(50%);
}

.pd-fittext-icon {
	color: darkred !important;
}

main#spa-main-content section:nth-of-type(even) div.promoted-docs .pd-inner:before {
	border-right-color: rgb(248, 248, 248);
}

/* Meet Team Socials */

.socials {
	width: 100%;
	text-align: center;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	padding: 10px;
	margin-top: 15px;
}

	.socials .fa {
		font-size: 1.25em;
	}

	.socials a {
		padding: 6px 3px;
		text-align: center;
		color: #656565;
		font-size: 17px;
		cursor: pointer;
	}



/* --- Promoted Links - Payment Types :: Used in ROD */
#payment-types {
	padding: 20px 0;
}

	#payment-types > .promoted-links {
		cursor: default;
	}
/*#payment-types > .promoted-links > .pl-inner {
                        background: #fff;
    background: -webkit-radial-gradient(#ffffff, #f7f7f7, #dff0d8);
    background: -o-radial-gradient(#ffffff, #f7f7f7, #dff0d8);
    background: -moz-radial-gradient(#ffffff, #f7f7f7, #dff0d8);
    background: radial-gradient(#ffffff, #f7f7f7, #dff0d8);
                    }*/

/* ---------- Tabs ----------- */

/* Tabs Navigations */
.nav-tabs {
	border: none;
	padding-left: 0;
}

	.nav-tabs li a {
		font-size: 16px;
		color: #727373;
		font-weight: 300;
		padding: 12px 30px;
		text-transform: uppercase;
		border-radius: 0;
	}

	.nav-tabs li.active a {
		border-top: 2px solid #7399c8;
	}

		.nav-tabs li.active a:hover {
			border-top: 2px solid #7399c8;
		}

/* Tabs panes */

.tab-pane {
	padding: 30px 0px;
	border: 1px solid #eeeeee;
	font-size: 16px;
	font-weight: 300;
	background-color: #fff;
	text-align: justify;
	/*color:#8f8f8f;*/
}

	.tab-pane .tab-icon {
		padding: 0 15px;
		float: left;
		width: 28%;
	}

	.tab-pane .tab-desc {
		padding: 0 20px;
		float: left;
		width: 72%;
		/*text-align:justify;*/
	}

	.tab-pane .only {
		width: 100%;
		float: none;
	}


/* Owl Carousel Slider */

.owl-theme .owl-controls {
	margin: 0;
}

	.owl-theme .owl-controls .owl-dots {
		position: absolute;
		width: 100%;
		/*bottom: -10px;*/
		z-index: 99;
		text-align: center;
	}

		.owl-theme .owl-controls .owl-dots .owl-dot {
			display: inline-block;
			margin: 0 0.40625em;
			overflow: hidden;
		}

			.owl-theme .owl-controls .owl-dots .owl-dot span {
				display: inline-block;
				height: 6px;
				width: 6px;
				-webkit-border-radius: 50%;
				border-radius: 50%;
				background: rgba(115,153,200,1);
				border: none;
				-webkit-box-shadow: none;
				box-shadow: none;
				margin: 0;
				-webkit-transition: 0.2 linear;
				transition: 0.2 linear;
			}

				.owl-theme .owl-controls .owl-dots .owl-dot span:hover {
					background: #999;
				}

			.owl-theme .owl-controls .owl-dots .owl-dot.active span {
				/*background: #fff;*/
				border: 2px solid #999 !important;
			}

	.owl-theme .owl-controls .owl-nav {
		position: absolute;
		z-index: 99;
		top: 50%;
		width: 100%;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}

		.owl-theme .owl-controls .owl-nav div {
			-webkit-transition: 0.3s ease;
			transition: 0.3s ease;
			position: absolute;
			margin: 0;
			padding: 0;
			background: none;
		}

			.owl-theme .owl-controls .owl-nav div:before {
				font-family: 'sparkicons';
				text-align: center;
			}

			.owl-theme .owl-controls .owl-nav div.owl-next,
			.owl-theme .owl-controls .owl-nav div.owl-prev {
				position: absolute;
				top: 50%;
				font-size: 0px;
				-webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-out;
				transition: transform 0.3s ease-out, opacity 0.3s ease-out;
				z-index: 7;
			}

				.owl-theme .owl-controls .owl-nav div.owl-next:after,
				.owl-theme .owl-controls .owl-nav div.owl-prev:after {
					content: '';
					display: inline-block;
					position: absolute;
					top: calc(50% - 30px);
					width: 60px;
					height: 60px;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
				}

				.owl-theme .owl-controls .owl-nav div.owl-next:after {
					left: 3px;
				}

				.owl-theme .owl-controls .owl-nav div.owl-prev:after {
					right: 3px;
				}

			.owl-theme .owl-controls .owl-nav div.owl-next {
				right: -50px;
				-webkit-transform: translateX(-100%) translateY(-50%);
				transform: translateX(30%) translateY(-50%);
				opacity: 0;
			}

			.owl-theme .owl-controls .owl-nav div.owl-prev {
				left: -50px;
				-webkit-transform: translateX(-100%) translateY(-50%);
				transform: translateX(-30%) translateY(-50%);
				opacity: 0;
			}

				.owl-theme .owl-controls .owl-nav div.owl-next:before,
				.owl-theme .owl-controls .owl-nav div.owl-prev:before {
					font-size: 54px;
				}

			.owl-theme .owl-controls .owl-nav div.owl-next:before {
				content: "\e905";
			}

			.owl-theme .owl-controls .owl-nav div.owl-prev:before {
				content: "\e904";
			}

.owl-theme:hover .owl-controls .owl-nav div.owl-next,
.owl-theme:hover .owl-controls .owl-nav div.owl-prev {
	-webkit-transform: translateX(0) translateY(-50%);
	transform: translateX(0) translateY(-50%);
	opacity: 1;
}

.owl-dot {
	-webkit-transition: 0.2s linear;
	transition: 0.2s linear;
}

	.owl-dot.active {
		position: relative;
		bottom: -2px;
	}

		.owl-dot.active span {
			background: transparent !important;
			width: 10px !important;
			height: 10px !important;
			border: 2px solid #fff !important;
		}

div.owl-item > div.panel > div.panel-body > ul {
	-webkit-padding-start: 0px !important;
	list-style: none !important;
}


@media all and (max-width: 767px) {
	.owl-prev,
	.owl-next {
		display: none !important;
	}
}


/* Our Works/Portfolio Gallery */
#portfolio {
	font-weight: 300;
}

.works {
	position: relative;
	height: auto;
}

/* Full Width Portfolio Version */
.fiven {
	width: 19.99%;
	float: left;
}

/* Filter Menu */
.filter-menu {
	position: relative;
	z-index: 99;
}

.filters {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 20px auto;
}

	/*.inline {
    font-size: 0px;
}*/

	.filters li {
		text-align: center;
		display: inline-block;
		font-size: 16px;
		height: 50px;
		padding: 15px 0 !important;
	}

		.filters li:before {
			content: none !important;
		}

		.filters li a {
			padding: 13px 20px;
			color: #7a7a7a;
			border: none;
			text-transform: uppercase;
			background: #e9e9e9;
			-webkit-transition: all 0.2s;
			-moz-transition: all 0.2s;
			transition: all 0.2s;
		}

			.filters li a.selected {
				color: white;
				background: #3c3c3c;
				cursor: default;
			}

		.filters li:last-child a {
			/*border-top-right-radius:60px;
                                        border-bottom-right-radius:60px;*/
			padding-right: 25px;
		}

		.filters li:first-child a {
			/*border-top-left-radius:60px;
                                        border-bottom-left-radius:60px;*/
			padding-left: 25px;
		}

		.filters li:hover a {
			background: #3c3c3c;
			color: white;
		}

/* Portfolio items */
.items {
	position: relative;
	height: auto;
}

.work {
	margin: 9px 0;
	padding: 0 9px;
	height: auto;
	/*    color: #aaaaaa;
*/ cursor: pointer;
	overflow: hidden;
}

.work-label {
	position: absolute;
	padding: 10px;
	border-radius: 0;
	top: 0;
	margin: 1px;
	color: #fff !important;
	z-index: 9;
}

.work-inner {
	border: 1px solid #ebebeb;
}

.work-img {
	width: 100%;
	background: black;
	position: relative;
	overflow: hidden;
}

	.work-img img {
		width: 100%;
		-webkit-transition: all 0.2s;
		-moz-transition: all 0.2s;
		transition: all 0.2s;
	}

.work-desc {
	width: 100%;
	background: white;
	margin: 0;
	text-align: center;
	padding: 15px 5px;
}

	.work-desc span.h4 {
		text-transform: uppercase;
		font-size: 20px;
		margin: 0;
	}

	.work-desc p {
		font-size: 16px;
		margin: 0;
		color: #3c3c3c;
	}

.work-img .button {
	width: 42px;
	height: 42px;
	display: block;
	border-radius: 100px;
	background: white;
	position: absolute;
	text-align: center;
	padding: 11px 0 0;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

	.work-img .button:hover {
		background: #142b48;
		color: white;
	}

.work-img .zoom {
	left: 45%;
	top: 20%;
	opacity: 0;
}

.work-img .detail {
	right: 37%;
	bottom: 20%;
	opacity: 0;
}

.work:hover .work-img img {
	opacity: 0.2;
}

.work:hover .work-img .zoom {
	top: 50%;
	opacity: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.work:hover .work-img .detail {
	bottom: 50%;
	opacity: 1;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	transform: translateY(50%);
}

/* isotope styles */
.isotope-item {
	z-index: 2;
}

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

	.isotope .isotope-item {
		-webkit-transition-property: -webkit-transform, opacity;
		-moz-transition-property: -moz-transform, opacity;
		-ms-transition-property: -ms-transform, opacity;
		-o-transition-property: -o-transform, opacity;
		transition-property: transform, opacity;
	}


		/**** disabling Isotope CSS3 transitions ****/
		.isotope.no-transition,
		.isotope.no-transition .isotope-item,
		.isotope .isotope-item.no-transition {
			-webkit-transition-duration: 0s;
			-moz-transition-duration: 0s;
			-ms-transition-duration: 0s;
			-o-transition-duration: 0s;
			transition-duration: 0s;
		}
/* End: Recommended Isotope styles */
/*END: Our Works/Portfolio Gallery*/


/* ---------- END ----------------*/

/* ---------- Homepage - County Center ----------*/


/* Recent Posts Section */

.recent-posts-header {
	border-bottom: 1px solid #ddd;
	margin: 20px 0 15px 0;
	position: relative;
}

	.recent-posts-header h2 {
		margin-top: -15px;
		color: #333;
	}

article .h2.title {
	font-size: 16px;
	line-height: 1.5;
	font-weight: 500;
}

article .meta {
	font-size: 10px;
	margin-bottom: 10px;
	font-style: italic;
}

article .thumbnail {
	border: none;
	padding: 0;
	background-color: transparent !important;
}

.thumbnail-column {
	border-right: 1px solid #ddd;
}

	.thumbnail-column:last-of-type {
		border-right: none;
	}

article .thumbnail a.thumbnail-link {
	display: block;
}

	article .thumbnail a.thumbnail-link .overlay {
		display: inline-block;
		position: relative;
		max-width: 100%;
		vertical-align: middle;
	}

		article .thumbnail a.thumbnail-link .overlay img {
			width: 100%;
			height: auto;
		}

		article .thumbnail a.thumbnail-link .overlay span.overlay-area {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			-moz-transition: background 0.15s linear;
			-o-transition: background 0.15s linear;
			-webkit-transition: background 0.15s linear;
			transition: background 0.15s linear;
		}

		article .thumbnail a.thumbnail-link .overlay:hover span.overlay-area {
			background: rgba(0,0,0,.3);
		}

		article .thumbnail a.thumbnail-link .overlay span.overlay-area .glyphicon {
			position: absolute;
			top: 50%;
			left: 50%;
			margin-top: -12px;
			margin-left: -12px;
			color: #fff;
			font-size: 24px;
			visibility: hidden;
		}

		article .thumbnail a.thumbnail-link .overlay:hover span.overlay-area .glyphicon {
			visibility: visible;
		}

.recent-posts-divider {
	border-top: 1px solid #ddd;
	padding-bottom: 15px;
}

.recent-posts-feed {
	padding: 8px 0 15px 0;
}

/* ---------- END ----------------*/

/*-- STYLES FOR 1-COUMN-SPA-MASTER PAGES*/
.list-col-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	column-count: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}

	.list-col-2 > li {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}

.list-col-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	column-count: 3;
	-webkit-column-gap: 35px;
	-moz-column-gap: 35px;
	column-gap: 35px;
}

	.list-col-3 > li {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}

.list-col-4 {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 35px;
	-moz-column-gap: 35px;
	column-gap: 35px;
}

	.list-col-4 > li {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}

.list-col-6 {
	-webkit-column-count: 6;
	-moz-column-count: 6;
	column-count: 6;
	-webkit-column-gap: 35px;
	-moz-column-gap: 35px;
	column-gap: 35px;
}

	.list-col-6 > li {
		-webkit-column-break-inside: avoid;
		page-break-inside: avoid;
		break-inside: avoid;
	}

.panel-collapse ul.list-group > li.list-group-item > ul > li {
	border: none;
	display: list-item;
	list-style: none !important;
}




/*----EXPANDABLE 3 COL CSS TABLE WHERE THE FIRST AND LAST DIV WIDTHS ARE SET BY TEXT CONTENT AND THE MIDDLE DIV GROWS/SHRINKS TO WHATEVER IS LEFT OVER USING FLEX----*/
/*---first utilized in transportation revamp > contact information---*/

.flex-container {
	padding: 5px 0 5px;
	display: flex;
	flex-direction: row;
}

	.flex-container > article {
		flex: 1 1 auto;
		display: inline-block;
		background-image: url(/governing/depts/transportation/_includes/period-repeater.gif);
	}

	.flex-container > div:first-child {
		padding: 5px;
		display: inline-block;
	}

	.flex-container > div:last-child {
		padding: 5px;
		display: inline-block;
		float: right;
	}


.col-bdr-dbl-bottom {
	border-bottom: 4px;
	border-bottom-style: double;
	border-bottom-color: #ccc;
}

.col-bdr-dbl-top {
	border-top: 4px;
	border-top-style: double;
	border-top-color: #ccc;
	margin-top: 30px;
	padding-top: 30px;
}

.col-bdr-dbl-left {
	border-left: 4px;
	border-left-style: double;
	border-left-color: #ccc;
}

.col-bdr-dbl-right {
	border-right: 4px;
	border-right-style: double;
	border-right-color: #ccc;
}

/* Moment Js Header Bar*/

.widget-header-alert-notice {
	padding: 15px;
	background-color: #f2dede;
	text-align: center !important;
	border-bottom: 1px solid #ccc;
}

.widget-header-notice {
	padding: 15px;
	background-color: #dff0d8;
	text-align: center !important;
	border-bottom: 1px solid #ccc;
}

	.widget-header-notice p.h4, .widget-header-alert-notice p.h4 {
		line-height: 1.3;
	}

/* Social Media Row */
#social-media-row {
	text-align: center;
}

	#social-media-row > a {
		margin-right: 20px;
	}

.embed-locate-contact-map {
	height: 453px;
}


/*-----TRUMBA FILTER HEADER NAV FOR LIBRARY DEFAULT-----*/

#trumba-event-cancelation-bar {
	background-color: #d9edf7;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: relative;
	z-index: 10;
}

#calendar-filter-nav {
	background-color: #428bca;
	padding: 25px 0px;
	margin-bottom: 15px;
	color: #fff !important;
}

	#calendar-filter-nav h3, #calendar-filter-nav h4 {
		color: #fff !important;
		line-height: 0;
	}


/*affects the dropdown menu sections when there is a search spud in the filter nav bar. */
div#calendar-filter-nav .trumba-months-spud {
	padding-top: 5px;
}

#trumba-searchbox {
	width: 290px;
	margin-left: auto;
	margin-right: auto;
}


.btn-group-justified > .btn, .btn-group-justified > .btn-group {
	padding: 0 2px;
}


/*NEWS EXPIRATION*/
div + div#expired-news-article {
	opacity: .25;
	z-index: 1;
	position: relative;
}