@import url('https://fonts.googleapis.com/css?family=Abel|Lato:300,400,400i,700,700i');
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

body { font-family: 'Lato';}
a {color: #0952a1;}
.middleContent a {text-decoration: underline;}
a:hover {color: #000000;}
header {background: transparent url(../media/1041/homepagebg.jpg) no-repeat top center; background-size: cover; height: 600px;}
header.insidePage {height: 400px; background-position: center center;}
.main {margin-right: 3rem; margin-left: 3rem;}
@media (max-width: 767px) {.main {margin-right: 1rem; margin-left: 1rem;}}
.navbar-brand>img { margin-top: 20px;}
@media (max-width: 767px) {
	header {background-position: bottom right; }
}
@media (min-width: 1600px) {
	.main { max-width: 1500px; margin: 0 auto;}	
}

.cityNotice.alert { color: #fff; margin-bottom: 0px; border-radius: 0px; text-align: center; padding: 1.75rem 1.25rem; border: none;}
.cityNotice a {color: #fff; font-weight: bold; text-decoration: underline;}
.cityNocie a:hover {color: #fff; text-decoration: none;}


/* Search Bar & Small Nav */
nav.navbar.socialNav { height: 65px; margin-bottom: 0px;}
.smallNav {margin-right: 50px;}
.smallNav a {height: 64px; line-height: 45px; color: #fff; padding-right: 20px;}
.smallNav a:hover {text-decoration: underline;}
.smallNav form {width: 300px;}
a.CODFB {background-color: #004B8D; padding-right: 25px !Important; padding-left: 25px !Important; font-size: 20px;}
a.CODTW {background-color: #00AEEF; padding-right: 25px !Important; padding-left: 25px !Important; font-size: 20px;}
a.CODYT {background-color: #ED1C24; padding-right: 25px !Important; padding-left: 25px !Important; font-size: 20px;}
a.CODFB:hover {background-color: #003566;}
a.CODTW:hover {background-color: #0096CE;}
a.CODYT:hover {background-color: #CF101A;}

button.btn.btn-default.btnSearch {background-color: #fff; border: 1px solid #ccc; border-radius: 0px 5px 5px 0px; padding: 0px 15px 0px 15px;}
button.btn.btn-default.btnSearch:hover {background-color: #004B8D; color: #fff; border: 1px solid #004B8D;}

/* MAIN NAVIGATION */
.primaryNav {background-color: #fff; border-color: #fff; border-radius: 0px; height: 114px;}
.primaryNav .nav-link { margin-right: 15px; font-size: 20px; font-family: 'Lato'; font-weight: 300;}
.primaryNav .navbar-nav .active>.nav-link, .primaryNav .navbar-nav .nav-link {color: #004b8d;}
.navbar-nav .dropdown-menu { position: inherit;}
.navbar-light .navbar-toggler {border-color: transparent; color: #004B8D; margin-right: 20px; font-size: 28px;}
.dropdown-menu h6 {margin-top: 10px; font-size: 17px;}

	/*Laptop & Larger */
	@media (min-width: 992px) {
		.primaryNav .navbar-nav {height: 114px;}
		.primaryNav .nav-link {line-height: 98px;}
	}

	/* Small Laptop Size */
	@media (min-width: 992px) and (max-width: 1199px) { 
		.navbar-brand>img { width: 100%;}
		.navbar-default .navbar-nav>li>a {height: 89px; line-height: 60px; font-size: 21px;}
	}

	/* Tablet Size */
	@media (min-width: 768px) and (max-width: 991px) { 
		.smallNav {margin-right: 0px;}
		.primaryNav {padding: 0px; z-index: 9999;}
		a.navbar-brand {height: 114px; z-index: 999999;}
		.navbar-brand>img {height: 220px; margin-top: -45px;}
		div#navbar {background-color: #fff;  padding-bottom: 5px; box-shadow: 0px 23px 30px #4C4C4C;}
		div#navbar li.nav-item {padding-top: 15px; margin-left: 25px;}
		div#navbar li.nav-item.dropdown:first-child {padding-top: 65px;}
		.dropdown-menu {width: 100% !important; border: none;}
		.navbar-light .navbar-toggler {font-size: 40px;}
		.navbar-toggler.searchToggler { position: absolute; right: 100px;}
		div#searchIcon {background-color: #F8F9FA;}
		div#ProperSearchLocation {padding: 83px 20px 30px 20px;}
		div#ProperSearchLocationMobile {padding: 83px 20px 30px 20px;}


	}
	/* Phone Size */
	@media (max-width: 767px) {
		.smallNav { margin-right: 0px;}
		.primaryNav {padding: 0px; height: 80px; z-index: 9999;}
		a.navbar-brand {height: 80px; z-index: 999999; width: 50%;}
		.navbar-brand>img {height: 177px; margin-top: -40px;}
		div#navbar {background-color: #fff; padding-bottom: 5px; box-shadow: 0px 23px 30px #4C4C4C;}
		div#navbar li.nav-item {padding-top: 15px; margin-left: 20px;}
		div#navbar li.nav-item.dropdown:first-child {padding-top: 65px;}
		.dropdown-divider {margin: 10px 0px 10px -20px;}
		.dropdown-menu { width: 100% !important; border: none;}
		.navbar-toggler.searchToggler { color: #004B8D; border: none; font-size: 25px; margin-right: -20px;}
		div#searchIcon { background-color: #F8F9FA; }
		div#ProperSearchLocation {padding: 70px 20px 20px 20px;}
		div#ProperSearchLocationMobile {padding: 70px 20px 20px 20px;}
	}


/* DROP DOWNS */
.dropdown-item {font-size: 15px;padding: 3px 10px 3px 15px;}
.dropdown-menu h6 {padding-left: 5px; color: #004b8d;}
.dropdown-item:focus, .dropdown-item:hover {background-color: #BDD5EA;}
.dropdown-item i {padding-right: 7px;}
.dropdown-item .fa-calendar-alt {padding-right: 9px;}
.dropdown-item .fa-vote-yea {padding-right: 4px;}
.titleLink h6 {padding: 5px; margin-bottom: 0px;}
.titleLink h6:hover {background-color: #BDD5EA; padding: 5px; color: #212529; }
a.titleLink:Hover {text-decoration: none;}
.megamenu-li {position: static;}
.megamenu-lg {position: absolute; width: 60%; left: 325px; right: 0px; padding: 15px;}
.megamenu-sm {position: absolute; width: 40%; left: 325px; right: 0px; padding: 15px;}

/* SEARCH STYLING */
.inner-addon {position: relative;}
.inner-addon .glyphicon { position: absolute; padding: 10px; pointer-events: none;}
.right-addon .glyphicon { right: 0px;}
.right-addon input { padding-right: 30px; }


/*TABS HOMEPAGE */
div#nav-tabContent {padding-top: 40px; padding-bottom: 70px;}
div#nav-tabContent h2, div#nav-tabContent h3 {padding-bottom: 25px;}
.nav-tabs {margin-top: -48px; border-bottom: 0px; padding-bottom: 25px;}
.nav-tabs .nav-link.active { background-color: #fff; border-color: #fff; border-radius: 0px; color: #495057; }
.nav-tabs .nav-link {border-radius: 0px; margin-right: 1px; color: #393737; background-color: #BDD5EA; font-size: 20px;}

/* CALENDAR & EVENTS */
.row.calendar {padding-top: 50px; padding-bottom: 30px;}
.eventsBtn {padding-bottom: 50px; padding-top: 40px;}
.col-md-6.calendarView { border-right: 1px solid #ccc;}
.miniListItem {background-color: #E1E1E1; padding: 5px 5px 5px 15px; margin: 15px auto; width: 85%;}
.miniListEventDate {font-size: 14px; text-transform: uppercase; color: #173753;}
.miniListEventName {color: #173753; font-family: 'Lato'; font-size: 18px;}
.miniList a:hover { text-decoration: none;}
.listItem:hover {background-color: #DDD;}


/* SPOTLIGHT */
.card-body.blue {background-color: #DEF1F8; padding-bottom: 10px; }
.spotlight .col-lg-4, .spotlight .col-md-6 {padding-bottom: 40px;}
.card-footer.blue {background-color: #DEF1F8; border-top: none; padding-bottom: 20px;}
			

/** PRESS RELEASES HOMEPAGE **/
	a.pressRelease { width: 100%; margin-bottom: 10px; padding: 15px; text-align: left; font-size: 18px;}
	.pressRelease a {color: #004C9E;}
	.pressRelease a:hover {color: #000; text-decoration: none;}
	.pressRelease.btn i.fas, .pressRelease.btn i.far { padding-left: 20%; margin-right: 12px;}	
	section.pressreleases {background-color: #fafafa; padding-bottom: 60px;}
	.newsheading {color: #606264;}
	.pressRelease table {float: right;}
	.pressRelease table td {padding: 5px; background-color: #fff; border: none;}


/*I WANT TO*/
.IWantTo .box {background-color: #E1E1E1; padding: 20px; width: 75%;}
span.number {background-color: #004B8D; color: #fff; padding: 23px; font-size: 25px; margin-right: 20px; margin-left: -20px;}
.IWantTo select, .IWantTo input {float: right; width: 50%; height: 40px;}
	
	/* Tablet Size */
	@media (min-width: 768px) and (max-width: 991px) { 
		.nav-tabs .nav-link {font-size: 19px; margin-top: 2px;}
		.IWantTo .box {width: 90%; margin: 0 auto;}
		h3.iWantHeader {text-align: center;}
		div#nav-tabContent {padding-top: 0px;}
		div#nav-tabContent h2, div#nav-tabContent h3 {padding-bottom: 0px; padding-top: 35px;}
		a.pressRelease {width: 90%; margin-left: 35px; font-size: 22px;}
		.pressRelease.btn i.fas {padding-left: 30%;}
		.row.spotlight {padding-top: 35px;}
	}
	/*Phone Size*/
	@media (max-width: 767px) {
		.contentTabs .container {padding: 0px;}
		.nav-tabs {margin-top: -78px;}
		.nav-tabs .nav-link {font-size: 19px; width: 25%; text-align: center; padding: 10px 5px 10px 5px; margin-right: 0px;}
		div#nav-tab i {display: none; }
		#divMiniCalendarAndControls {display: none;} /*Removes mini calendar from phone to only display miniList */
		div#nav-tabContent h2, div#nav-tabContent h3 { padding-bottom: 10px;}
		.contentTabs .row {margin-left: 0px; margin-right: 0px;}
		.IWantTo .box {width: 100%; margin: 0 auto;}
		.IWantTo {margin-bottom: 40px;}
		h3.iWantHeader {text-align: center;}
		a.pressRelease {width: 90%; margin-left: 20px; }
		span.number {font-size: 18px; margin-right: 14px;}
		.IWantTo select, .IWantTo input {height: 35px;}
	}

/* STATS HOMEPAGE */
.stats {
	background-image: url(/media/1049/stats_bg.jpg); 
	padding-top: 60px;
	padding-bottom: 60px;
}
.stats .row {margin: 0px;}
.statNumber {font-size: 48px; font-family: 'Lato'; }
.statNumber.gold {color: #CBA740;}
.statNumber.green {color: #C2D866;}
.statNumber.red {color: #F4A269;}
.statType {color: #fff; font-size: 27px; text-transform: uppercase; font-family: 'Lato'; }


/* MAYOR & COUNCIL HOMEPAGE */
.container.government { padding-top: 100px; padding-bottom: 75px;}
.mayor img {margin-bottom: -25px; box-shadow: 0px 3px 21px #8C8C8C;}
.council img {margin-top: -25px; box-shadow: 0px 3px 21px #8C8C8C;}
h2.mayor {margin-top: 100px; color: #11406C; text-transform: uppercase;}
h2.council {margin-top: 100px; color: #145735; text-transform: uppercase;}

	/* Tablet Size */
	@media (min-width: 768px) and (max-width: 991px) { 
		.council img {margin-top: -785px;}
		.councilText {padding-top: 375px;}
	}
	@media (max-width: 767px) {
		.mayor img, .council img {width: 100%;}
		.council img {margin-top: -700px;}
		.councilText {padding-top: 245px;}
	}

/*SIGN UP & PARKING HOMEPAGE */
.sign-up {
	background-image: url('/media/1056/signup-bg.jpg');
	height: 300px;
	background-repeat: no-repeat; 
	background-position: top center;
	background-size: cover;
	color: #fff;
}
.sign-up h2 {font-weight: bold; font-size: 40px;}
.stayUpdated {padding-top: 65px;}
.parkingSchedule {padding-top: 46px;}
.thisweek {font-size: 20px; font-weight: 300;}
h2.evenOdd {margin-bottom: 0px;}
h2.parking {font-weight: 300; font-size: 47px; padding-bottom: 10px; margin-top: -9px;}
.sign-up p {padding-right: 60px; padding-left: 60px;}
@media (max-width: 767px) {
	.sign-up {background-image: none; height: auto;}
	.stayUpdated {background-color: #0C5230; padding-top: 50px; padding-bottom: 50px;}
	.parkingSchedule {background-color: #113D6A; padding-top: 50px; padding-bottom: 50px;}
	
}



/*BreadCrumbs & pageTitle*/
h1.departmentName {margin-top: -100px; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 41px; background-color: transparent;}
@media (max-width: 767px) {h1.departmentName {font-size: 30px; margin-top: -75px; }}
@media (min-width: 768px) and (max-width: 991px) { 
		h1.departmentName {font-size: 34px; margin-top: -85px;}
	}
.pageTitle {margin-bottom: 15px;}
.breadcrumb {
	padding: 0px;
	margin-bottom: 0px;
	background-color: transparent;
	border-radius: 0px;
	margin-top: -40px;
	}
.breadcrumb-item a, .breadcrumb-item.active {color: #fff; text-decoration: underline;}
.breadcrumb-item+.breadcrumb-item::before {color: #fff;}
li.breadcrumb-item {color: #fff;}

.main-content {padding-top: 50px;padding-bottom: 50px;}
@media (max-width: 767px) { .main-content { padding-top: 25px;}}

/*LEFT SUBNAVIGATION*/
@media (max-width: 767px) {.leftSidebar {padding-left: 15px; margin-bottom: 25px;}}
.secondLevel {width: 100%;}
.secondLevel .list-group-item {border-top: 0px; padding-top: 5px; padding-bottom: 5px; padding-left: 40px; font-size: 15px; color: #1C6Ab0;}
.subNav {width: 100%; padding: .5rem 2rem; border: 1px solid #ccc; background-color: #BDD5EA;}
@media (max-width: 767px) {
	.secondLevel {width: 100%;}
}
.leftSidebar .dropdown-toggle { white-space: inherit;}
.leftSidebar .list-group-item-action:hover {background-color: #D3E3F1; color: #000;}
.leftSidebar .list-group-item.active {background-color: #D3E3F1; border-color: transparent; color: #000;}



/*RIGHT SIDEBAR*/
h3.contactH3 {text-transform: uppercase; color: #004B8D;}
.staffPhoto {margin-top: 15px; margin-bottom: 20px;}
.rightSidebar .contactName, .rightSidebar .positionTitle, .rightSidebar .address1, .rightSidebar .address2, .rightSidebar .cityStateZip,
.rightSidebar .phoneNumber, .rightSidebar .email {display: block;}
.rightSidebar .contactName {font-weight: bold;}
.rightSidebar .positionTitle {font-style: italic;}
.rightSidebar .email {margin-top: 10px;}
.email .btn-primary {width: 65%;}
.sidebarContent {margin-top: 20px;}
.socialMedia {text-align: center; margin-top: 25px;}
.socialMedia .fab {font-size: 24px; padding: 5px; color: #fff; width: 50px; height: 50px; margin: 5px; border-radius: 50%; line-height: 39px;}
.socialMedia .fa-facebook-f {background-color: #4267B2; border: 1px solid #4267B2;}
.socialMedia .fa-facebook-f:hover {background-color: #fff; color: #4267B2;}
.socialMedia .fa-twitter {background-color: #1DA1F2; border: 1px solid #1DA1F2;}
.socialMedia .fa-twitter:hover {background-color: #fff; color: #1DA1F2;}
.socialMedia .fa-instagram {background-color: #7C5643; border: 1px solid #7C5643;}
.socialMedia .fa-instagram:hover {background-color: #fff; color: #7C5643;}
.socialMedia .fa-youtube {background-color: #FF0000; border: 1px solid #FF0000;}
.socialMedia .fa-youtube:hover {background-color: #fff; color: #FF0000;}



/* Grid Video Uploader */
.video-wrapper iframe {width: 100%; height: 400px;}
@media (max-width: 767px) { .video-wrapper iframe { height: auto;}}


/* ACCORDIONS */
.panel.panel-default {border: 1px solid #ddd; border-radius: 4px; margin-bottom: 10px;}
.panel-default>.panel-heading {color: #333; background-color: #f5f5f5; padding: 12px 15px;}
.panel-title {font-size: 16px; font-weight: normal; font-family: 'Lato'; margin-top: 0px; margin-bottom: 0px;}
.panel-body {padding: 30px;}
.panel-footer {border-top: 1px solid #ddd; padding: 10px;}
.panel-title a {text-decoration: none; color: #1C6AB0;}
	.panel-title > a:before {
		float: right !important;
		font-family: FontAwesome;
		content:"\f068";
		padding-right: 5px;
	}
	.panel-title > a.collapsed:before {
		float: right !important;
		content:"\f067";
	}

.mediaFile a  {font-family: 'Lato';}

/*GRID TEMPLATE STYLINGS */
.middleContent .col-md-6 img, .middleContent .col-md-4 img, .middleContent .col-md-3 img {width: 100%; }

/*@media (max-width: 1300px) {
	.middleContent .col-md-12.column img {width: 100%;}
}*/

.middleContent .row {padding-top: 10px;}
p.caption {font-size: 14px; font-style: italic;}
.umbraco-forms-form .checkboxlist label {float: none !important;}

/*FOOTER*/
.mainFooter {background-color: #D7D7D7; padding-top: 50px; padding-bottom: 25px;}
.mainFooter .row {margin-right: 0px; margin-left: 0px;}
.mainFooter a {color: #003C80; text-decoration: underline;}
.mainFooter .btn-primary {color: #fff; text-decoration: none;}
.copyright 	{background-color: #B7B7B7; padding-top: 1rem;}
.copyright a {color: #003E85; text-decoration: underline;}
.copyright .row {margin-right: 0px; margin-left: 0px;}
footer ul {list-style-type: none; padding-inline-start: 0px;}
.mainFooter h3 {text-transform: uppercase; font-size: 1.65rem;}
@media (max-width: 991px) {
.footerColumns {padding-bottom: 40px;}
}
.staySocial {text-align: center; margin-top: 25px;}
.staySocial .fab {font-size: 24px; padding: 5px; background-color: #D7D7D7; width: 50px; height: 50px; margin: 5px; border-radius: 50%; line-height: 39px;}
.staySocial .fa-facebook-f {border: 2px solid #0C5391; color: #0C5391;}
.staySocial .fa-facebook-f:hover {background-color: #0C5391; color: #fff;}
.staySocial .fa-twitter {border: 2px solid #1DA1F2; color: #1DA1F2;}
.staySocial .fa-twitter:hover {background-color: #1DA1F2; color: #fff;}
.staySocial .fa-youtube {border: 2px solid #FF0000; color: #FF0000;}
.staySocial .fa-youtube:hover {background-color: #FF0000; color: #fff;}

@media (max-width: 991px) { 
img.yesno {width: 82%;}
}
@media (max-width: 1300px) {
	#calculatorBox {width: 70% !important;}	
}


@media (max-width: 767px) {
	#amenitiesList, .leftside, .rightside {float: none !important;}
	
}

/* Ereporting stylings for Yes/No Page */
.row.generalBox {background-color: #FAFAFA; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 5px; margin-top: 5px;}
.YesNo {float: right;}


/*Image Widths for different size for fullwidth layout grid*/
.largeImage {width: 100%; height: 100%;}
@media (max-width: 991px) {
	.mediumImage {width: 100%; height: 100%;}	
}
@media (max-width: 767px) {
	.smallImage {width: 100%; height: 100%;}
}



.rfpBtn {text-align: center;}
h3.RFPHeading {margin-top: 20px;}
/*ezSearch Stylings */
.ezsearch-result {border: 1px solid #ccc; border-radius: 4px; padding: 10px 10px 10px 15px; margin-bottom: 5px;}
.ezsearch-result h3 {font-size: 22px; margin-bottom: 2px;}
.ezsearch-results h3 a {text-decoration: none; color: #000;}
.ezsearch-result a.pdf {font-size: 20px;}

/*Umbraco Forms CSS Overrides*/
.titleanddescription h2 {font-size: 20px;}

/*Bootstrap Overrides */
.btn {border-radius: 0px; padding-right: 25px; padding-left: 25px;}
.btn-primary {background-color: #004B8D; border-color: #004B8D;}
.btn-primary:hover {background-color: #1C6AB0; border-color: #1C6AB0; color: #fff !important;}
.text-primary {color: #1C6AB0 !important;}
.btn-success {background-color: #246635;}
.btn-success:hover {color: #fff !important; background-color: #328D49; border-color: #328D49;} 
.btn-info {background-color: #BDD5EA; color: #212222;}
.btn-info:hover, info:not(:disabled):not(.disabled):active {background-color: #99BEDF; border-color: #99BEDF; }
.btn-light {background-color: transparent; border-color: #fff !important; color: #fff; }
.btn-light:hover {background-color: #fff !Important;}
h2, h3, h4, h5 { margin-bottom: 1rem;}
h4 {color: #1C6AB0;}
.ui-widget {font-size: 1rem !important; font-family: 'Lato' !important;}