/* Global CSS =========================== */
html,
body { height: 100%; margin: 0; padding: 0 }

body {
	/*background: url("../img/patterns/tan_textured_stripes.png") #d4cbba repeat center !important;*/
	/*background: url("../img/patterns/blue_jean.png") #0006a4 repeat center !important;*/
	/*background: url("../img/patterns/blue_stripes.png") #0006a4 repeat center !important;*/
	/*background: url("../img/patterns/blocks_blue.png") #0006a4 repeat center !important;*/
	/*background: #fff;*/
	/*background: url("../img/havens.jpg") no-repeat center center fixed;*/
	/*background: url("../img/backgrounds/monuments-59.jpg") #fff repeat center !important;*/
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	color: #2a2a2a;
}

p {
	color: #2a2a2a;
}

.header-dark-text {
	color: #2a2a2a !important;
}

.page-top {
	background: black !important;
}

#header .logo-text span {
	font-weight: 600;
	font-size: 26px;
	text-transform: uppercase;
	position: relative;
	top: 10px;
	display: block;
	color: #54585a !important;
}

.logo-text-small {
	font-size: 14px !important;
	top: 0 !important;
}

#header .logo-text.logo-sticky-active span {
	font-size: 25px;
	top: 25px;
}

#header nav ul.nav-top li a, #header nav ul.nav-top li span {
	color: #888b8d;
}

.breadcrumb a {
	color: #43b08b;
}

.breadcrumb > .active {
	color: #888b8d;
}

ul.list.icons li i {
	color: #43b08b;
}

.thumb-info-inner {
	font-size: 12px;
}

.section-divs {
	padding-top: 20px;
}

#footer {
	background: black !important;
}

.footer-logo-text {
	padding-top: 25px;
}

.footer-white {
	color: #fff;
}

.word-rotate {
	margin-bottom: -2px;
}

.dimmed {
  position: relative;
}

.dimmed:after {
  content: "";
  font-size: 100px;
  color: red;
  text-align: center;
  padding-top: 100px;
  z-index: 10;
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
}

.pw-slider {
	margin: 0 auto;
	margin-bottom: 10px;
}

.left-sidebar-container {
	background: rgba(0, 0, 0, 0.6);
	padding: 10px;
	margin-bottom: 30px;
}

.page-left-sidebar {
	background: rgba(0,0,0,0.8);
	padding: 10px;
	margin-bottom: 30px;
}

.page-left-sidebar-no-button {
	background: rgba(0,0,0,0.8);
	padding: 10px;
	margin-bottom: 30px;
}

.page-right-sidebar {
	background: rgba(0, 0, 0, 0.8);
	padding: 10px;
	
	
	
}

.sidebar-button {
	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #fff;
}

.services-list {
	padding: 5px;
}

.services-list li {
	margin-bottom: 10px !important;
}

.page-content-box {
	background: #fff;
	padding: 40px;
}

.middle-bar {
	background: #fff;
	margin-left: 10px;
	margin-right: 10px;
}

.sidebar-text-heading {
	color: #b5a562;
}

.sidebar-text,
.newsletter-text {
	color: #fff;
}

.sidebar-text li a {
	color: #fff !important;
}

.call-to-action {
	min-height: 100px !important;
}

.call-to-action-red {
	background: red;
}

.call-to-action-red-text {
	color: #fff !important;
}

.call-to-action-content {
	width: 100% !important;
	margin-left: 0 !important;
}

.call-to-action-footer {
	min-height: 150px !important;
	background: #fff !important;
}


/* Menu CSS ============================*/

.new-resident-menu {
	text-align: center;
	padding-top: 20px;
}

.navigation-heading-bottom {
	margin-top: 20px;
}

/* Page CSS ============================ */

/* Home Page */

.home-captions {
	color:#fff !important;
	text-shadow:#000 1px 1px 0 !important;
}

.section-color-home {
	background-color: #f4f4f4 !important;
	border-top-color: #0006a4 !important;
}

.mayor-welcome-home {
	margin-left: 10px;
}

.home-divider {
	color: #0006a4 !important;
}

.home-important-news {
	margin-left: 10px;
	margin-right: 10px;
}

.home-gallery {
	list-style: none;
	padding-left: 10px;
	padding-right: 10px;
}

.home-button-carousel {
	margin-top: 50px;
	margin-bottom: 50px;
}

.home-buttons {
	padding-top: 20px;
	padding-bottom: 20px;
}

.home-button-carousel a:hover {
	text-decoration: none !important;
}

.home-map {
	margin-left: 10px;
	margin-bottom: 20px;
}

.gov-tab-content {
	background: #f4f4f4 !important;
}

.home-hours {
	list-style: none;
	padding-left: 0px !important;
}

.home-links {
	margin-bottom: 20px;
}

.home-icons {
	color: #0006a4 !important;
}

/* A - Z Services */

.services-items {
	margin-bottom: 30px;
}

/* About Stafford */

.about-stafford-box {
	margin-top: 0px !important;
	background: black;
}

.about-stafford-box-text {
	color: white !important;
}

.home-rule-button {
	margin-right: 30px;
}

.accolade-list {
	list-style: none;
}

/* Animal Control */

.animal-photo {
	margin-bottom: 20px;
}

.animal-control-officer-pic {
	margin-bottom: 30px;
}

/* Bid Opportunities */

.bid-list {
	background: #;
}

/* Coming Soon */

.coming-soon {
	text-align: center;
}

.city-seal-coming-soon {
	padding-top: 50px;
	padding-bottom: 20px;
}

.coming-soon-description {
	padding-bottom: 50px;
}

.clock {
	width: 700px !important;
	margin: 10px auto !important;
}

/* Contact Us */

.facilities-text {
	padding-bottom: 20px;
}

/* Emergency Management */

.hurricane-button {
	margin-bottom: 20px;
	padding: 10px;
}

.rss-feed {
	margin-top: 20px;
}

/* Finance/HR */

.job-button-left {
	margin-right: 20px;
}

.job-toggle {
	margin-bottom: 10px;
}

.benefit-heading {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* Fire Department */

.fire-emergency {
	text-align: center;
	margin-bottom: 20px;
}

.go-to-fm {
	text-align: center;
	margin: 20px;
}

.fire-slider {
	width: 600px;
	height: 400px;
}

.station-heading {
	margin-top: 20px;
}

/* Fire Marshal */

.fire-permit-list {
	margin-bottom: 20px;
}

.fire-marshal-title-pic {
	margin-top: 20px;
}

.fire-marshal-slider {
	margin-top: 20px;
}

.fire-marshal-call-to-action {
	padding-top: 30px;
}

.features-benefits-text {
	color: #2a2a2a !important;
}

/* GIS */

.featured-box-gis i.icon-featured {
	background-color: #43b08b;
}

.featured-box-gis .box-content {
	border-top-color: #43b08b;
}

/* Mayor's Office */

.mayor-slider {
	margin-top: 20px;
	margin-bottom: 20px;
}

.about-mayor-photo {
	float: left;
	clear: left;
	padding: 5px;
	padding-right: 10px;
}

.mayor-home-big-pic {
	margin-top: 10px;
}

.mayor-list {
	margin-bottom: 20px;
}

/* Municipal Court */

.court-pic {
	margin: 0 auto;
}

.court-first-para {
	margin-top: 20px;
}

.court-people {
	margin-bottom: 20px;
}

.judge-list {
	margin-top: 20px;
}

/* Recreation */

.first-pic-pool {
	margin-top: 25px;
}

/* Permit Dept */

.zoning-app-heading {
	margin-top: 20px;
}

.roadside-vendor-text {
	text-align: center;
}

.permit-slider {
	margin-top: {
		20px !important;
	}
}

/* Police Department */

.pd-emergency {
	text-align: center;
}

.nextdoor-text {
	margin-top: 20px;
}

.pd-web-forms {
	margin-bottom: 20px;
}

.tx-gov-code {
	text-decoration: underline;
}

.complaint-italics {
	font-style: italic;
}

.police-academy-photo {
	margin-top: 10px;
}

/* Public Information Portal */

.pi-portal-content {
	margin: 0 auto;
}

/* Public Works Section */

.pw-main-people {
	margin-bottom: 20px;
}

.pw-content {
	padding-top: 20px;
}

.tree-limb-image,
.mosquito-control-image {
	display:block;
    margin:auto;
}

#map-canvas { height: 600px; width: 800px; margin: 0; padding: 0;}

.pw-heading {
	padding-top: 10px;
}

.pw-img {
	padding: 10px;
	margin: 0 auto;
}

.charles-ed-photo {
	float: left;
	clear: left;
	padding: 5px;
}

.charles-ed-closing {
	text-align: right;
}

.park-table-color {
	background: #47a447;
	color: white;
}

/* Sitemap */

.sitemap-list {
	list-style: none;
}

/* S-METV */

.smetv-logo {
	margin-top: 10px;
}

.program-schedule {
	margin-top: 20px;
	margin-bottom: 20px;
}

.archives-list {
	margin-bottom: 10px;
}

.archive-boxes {
	margin-bottom: 20px;
}

/* Staff Directory */

.directory,
.staff-department {
	padding-bottom: 20px;
}

.staff-department {
	padding-left: 0;
}

.directory-name-button {
	margin-right: 20px;
}

.directory-note {
	text-align: center;
}

/* Stafford Story */
.story-center {
	text-align: center;
}

/* Media Queries ============================ */

@media print {
	.no-print {
		display: none !important;
	}
	
	body {
		color: #000 !important;
		background: #fff !important;
	}
	
	#footer {
		display: none !important;
	}
	
	a[href]:after {
    content: none !important;
  }
  
  .backstretch {
	  display: none !important;
  }

	
}

@media (min-width: 320px) and (max-width: 768px) {
	
}

@media (min-width: 768px) {

	.left-sidebar-container {
		margin-bottom: 20px;
	}
	
	.job-toggle {
		padding-bottom: 20px;
	}
	
	.sidebar-button {
		margin-right: 20px;
	}
	
	.bottom-benefit-toggle {
		margin-bottom: 20px;
	}
	
	.embed-maps {
		width: 450px;
	}
	
	.city-calendar {
		width: 600px;
	}

}

@media (min-width: 768px) and (max-width: 992px) {
	
}

@media (min-width: 992px) {

	.city-calendar {
		width: 800px;
	}
	
	body.sticky-menu-active #header .logo-text-right {
            padding-top: 40px !important;
        }
		
	
}

@media (min-width: 1200px) {

	.embed-maps {
		width: 500px;
	}
	
	.city-calendar {
		width: 1000px;
	}
	
}