@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,600,700,800');

/*Header*/

body{
	font-family: Roboto;
	font-size: 22px;
	line-height: 32px; 
	color: #4A4A4A;
	overflow-x: hidden;
	font-style: normal;
	font-weight: normal;
  
}

p{ 
	margin: 0 0 10px 0; 
	font-family: Roboto;
	font-size: 22px;
	line-height: 32px; 
	font-style: normal;
	font-weight: normal;
	
}



.h1, .h2, .h3, h1, h2, h3 {
  
  margin: 10px 0;
  font-family: Roboto;
}

h1, .h1{     text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: lighter;
    font-size: 52px;
    color: rgba(0,80,140,1);}

h2, .h2{     font-style: normal;
    font-family: Roboto;
    font-weight: normal;
    font-size: 28px;
	color: rgba(74,74,74,1);}

h3, .h3{ font-style: normal;
    font-family: Roboto;
    font-weight: normal;
    font-size: 24px;
	color: rgba(0,80,140,1); }

h4, .h4{ font-style: normal;
    font-family: Roboto;
    font-weight: normal;
    font-size: 20px;
	color: rgba(74,74,74,1); }

 h1{
	color : #00508C;
}

 h2{
	color : black;
}

img{ max-width: 100%; height: auto; }

a{
  color: rgba(0,80,140,1);
}

a:hover{
  color: rgba(0,80,140,1);
}

ul.links.inline{
  padding: 0;
}

ul.links.inline li{
  list-style: none;
}

.block{
  margin-bottom: 20px;
}

.main-header{
  background: url(../images/home.jpg);
  background-position: center;
  background-size : cover;
  background-repeat: no-repeat;
  color: #fff;
  padding: 10px 0;
  margin-bottom: 20px;
  min-height : 500px;
  background-color : #004D72 !important;
 
}

.main-header:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
}

.main-header nav{
  background: none;
  border: 0;
  margin: 0;
  position: relative;
  z-index: 2;
}

.main-header .region{
  position: relative;
  
}

/*region header*/

.site-branding{
  margin: 0;
}

.brand.logo{
  margin-right: 5px;
}

.region-header .brand{
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;
}

.site-name a{
  font-size: 26px;
  color: #fff;
}

/*Banner*/

.welcome-banner-text{
  text-align: center;
  line-height: 160%;
  max-width: 600px;
  padding: 90px 0;
}

.welcome-banner-text h2{
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}

/*top widget*/

.topwidget{
  text-align: center;
  padding-bottom : 10px;
}

.topwidget .fa{
  font-size: 60px;
  background: #4D4F4A;
  width: 120px;
  height: 120px;
  padding: 32px;
  border-radius: 50%;
  color: #fff;
  margin-bottom: 20px;
}

.topwidget .fa span{
  display: none;
}

/*footerwidget*/

.footerwidget{
  background: #00528A;
  color: #FFF;
  padding: 10px 0;
}

.footerwidget img.left{
  float: left;
  margin: 10px 10px 0 0;
}

.copyright{
  background: #000;
  font-size: 10px;
  color: #999;
}

.copyright p{
  margin: 13px 0;
}

.footerwidget h2,
.footerwidget .h2{
  color: #FFF;
}

/*bottom-widgets*/

.bottom-widgets{
  text-align: center;
  background: #FBFBFB;
  padding: 10px 0;
}

.bottom-widgets .region{
  padding: 10px;
  background: #f1f1f1;
}

/*Footer menu*/

.footer-menu{
  margin: 0;
  border: 0;
  background: #eee;
  color: #fff;
}

.footer-menu ul{
  margin: 10px 0;
  padding: 0;
}

.footer-menu nav li{
  display: inline-block;
}

.footer-menu nav li a{
  display: block;
  padding: 4px 20px 4px 0;
}

.google_map p,
.google_map .block{
  margin: 0;
}

.google_map iframe{
  display: block;
}

/*Credit link*/

.credit-link{
  text-align: left;
}

/*SOCIAL MEDIA*/

.social-media{
  margin: 10px 0;
  overflow: hidden;
  float: left;
}

.social-media a {
  width: 30px;
  height: 30px;
  color: #fff;
  float: left;
  margin: 0 10px 0 0;
  text-align: center;
  background: #3262b9;
  font-size: 14px;
  line-height: 220%;
}

.social-media a.google-plus{
  background: #de2020;
}

.social-media a.twitter{
  background: #29C5F6;
}

.social-media a.linkedin{
  background: #069;
}

.social-media a.pinterest{
  background: #C61118;
}

.social-media a.rss{
  background: #FF6D00;
}

.social-media a:hover{
  opacity: .6;
}

.stratagiesCss tr:nth-child(even) {background: #CCC}

.path-contact .responsiveTable td{
	border : none;
}



/*FORM*/

input, button, select, textarea{
  padding: 9px;
  border: 1px solid #C7C7C7;
}

.contact-message-form label{
  display: block;
}

.btn, 
input[type="submit"]{
  background: #004C90;
  color: #fff;
  border: 0;
  padding: 15px;
  line-height: 100%;
  margin-bottom: inherit;
  font-size : bolder;
}

.btn:hover, 
input[type="submit"]:hover{
  background: #FFF;
  color: #004C90;
}

#edit-field-phone-number-0-value{
	width : 100%;
}



/*FRONT PAGE*/

.path-frontpage .content_layout {
  text-align: center;
}

.path-frontpage .feed-icon{
  display: none;
}

/*MENU*/

.navbar-default .navbar-toggle{
  background: #fff;
  margin-right: 0;
}

nav h2{
  display: none;
}

.menu-base-theme,
.menu-base-theme a, 
.menu-base-theme a:hover, 
.menu-base-theme a:focus, 
.menu-base-theme a:active, 
.menu-base-theme a.highlighted{
  background: none;
      font-family: Roboto;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    color: rgba(255,255,255,1);
    letter-spacing: 0.06px;
}

.menu-base-theme li a{
  background: #FFF;
}

.main-menu {
  position: relative;
  z-index: 9999;
}

.region-primary-menu{
  display: none;
  background: #fff;
  border-radius: 3px;
  width: 100%;
  margin-top: 20px;
}

.menu-base-theme a{
  border-bottom: 1px solid #EEF0F7;
}

.menu-base-theme a span.sub-arrow{
  color: #999;
  font-size: 22px;
  padding: 5px;
  border-radius: 2px;
  border: 1px solid #DCDCDC;
  background: #EFEFEF;
} 

.navbar-toggle{
  z-index: 999;
}

/*breadcrumb*/

.breadcrumb{
  background: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #eee;
}

.breadcrumb ul{
  padding: 0;
}

.breadcrumb ul li{
  display: inline-block;
}

/*search form*/

#search-block-form{
  display: table;
  width: 100%;
}

#search-block-form .form-item,
#search-block-form .form-actions{
  display: table-cell;
  vertical-align: top;
}

#search-block-form input{
  width: 100%;
}

/*Demo typography*/

.bd-example {
  position: relative;
  padding: 20px;
  border: 2px solid #f7f7f9;
}

.highlight{
  padding: 20px;
  background-color: #f7f7f9;
}

.highlight pre{
  border: 0;
  background: none;
}

.bd-example-type .table tr:first-child td {
  border-top: 0;
}

.bd-example-type h1, 
.bd-example-type h2, 
.bd-example-type h3, 
.bd-example-type h4, 
.bd-example-type h5, 
.bd-example-type h6 {
  margin: 0;
}

.bd-example-type .table td {
  padding: 15px 0;
  border-color: #eee;
}

/*Contact form*/

.path-contact{}

.contact-message-feedback-form{
  max-width: 650px;
  margin: 0 auto;
  border: 1px solid #D8D8D8;
  padding: 10px 30px;
  background: #F5F5F4;
}

.contact-message-feedback-form .form-text,
.contact-message-feedback-form .form-email,
.contact-message-feedback-form .form-textarea{
  width: 100%;
}

/*user-login-form*/

.user-login-form,
.user-form,
.user-pass{
  max-width: 650px;
  margin: 40px auto;
  border: 1px solid #ddd;
  padding: 10px 30px;
  background: #FBFBFB;
}

.user-login-form .form-text,
.user-login-form .form-email,
.user-form .form-text,
.user-form .form-email,
.user-pass .form-text{
  width: 100%;
}

.form-composite > .fieldset-wrapper > .description, 
.form-item .description {
  font-size: 11px;
  color: #999;
  font-style: italic;
}

/*Maintainance*/

.maintenance-page{
  background: url(../images/maintenance-bg.png) #66CBFF center no-repeat;
  color: #fff;
  text-align: center;
  padding-top: 220px;
  padding-bottom: 100px;
  font-size: 18px;
  color: #000;
}

.maintenance-msg {
  margin: 20px 0;
  background: rgba(242, 244, 207, 0.88);
  padding: 20px 30px;
  display: inline-block;
  color: #404040;
  border: 1px solid #fff;
  box-shadow: 5px 5px 0px #FFFFFF;
  font-size: 14px;
}

.maintenance-msg h1{
  text-transform: uppercase;
  font-weight: bold;
}

.maintenance-page .brand,
.maintenance-page .name-and-slogan{
  display: inline-block;
  vertical-align: middle;
}

.maintenance-page .site-name a{
  color: #404040;
}

.maintenance-page .site-slogan,
.maintenance-page .name-and-slogan{
  display: none;
}


/*Comment*/

.comment-wrap{
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #F5F5F5;
}

.comment-wrap .author-details{
  float: left;
  width: 20%;
}

.comment-wrap .author-comments{
  padding-left: 5px;
  float: left;
  width: 80%;
}

.comment-submitted{
  padding: 5px 10px;
  border: 1px solid #eee;
  font-size: 12px;
  margin-bottom: 5px;
  display: block;
}

.comment-wrap .author-comments h3{
  margin-top: 10px;
}

.comment-wrap .author-comments p{
  margin-bottom: 10px;
}

/*links inline*/

ul.links.inline li{
  display: inline-block;
  padding-right: 10px;
}

/*profile*/

.profile > div{
  padding-right: 5px;
  display: inline-block;
  vertical-align: top;
}

.profile h4.label{
  color: #333;
  display: block;
  text-align: left;
  margin-bottom: 5px;
}

.flexslider{
  z-index: 1;
  margin-top: 10px;
}

.flexslider .slides > li{
  position: relative;
}

.slider-caption{
  display: none;
  position: absolute;
  z-index: 99;
  width: 40%;
  background: #0009;
  left: 10px;
  bottom: 10px;
  padding: 20px;
}

.slider-caption .slider-title{
  color: #fff;
  margin-top: 0;
}

.flex-direction-nav a{
  padding: 10px;
  color: #000;
}

.flex-direction-nav a:before{
  color: #000;
}

.flex-control-paging li a.flex-active{
  background: #fff;
}


.frontPageBlock{	
	padding-bottom: 5%;
	padding-top: 5%;
	margin-top : 10%;
}

.frontPageBlock h1{
    font-family: Roboto;
    font-style: normal;
    font-weight: lighter;
    font-size: 85px;
    color: rgba(255,255,255,1);

}

.frontPageBlock a{
	color: rgba(255,255,255,1);
	text-decoration: underline;
}

.frontPageBlock p{
	cursor: pointer;
    line-height: 35px;    
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    color: rgba(255,255,255,1);
}

.subPageBlock{
	text-align : left;
	margin-top : 5%;
	width : 100%;	
	font-weight : bolder;
    color: #fff;
	
}

.subPageBlock h1{
	color : #fff;
	font-weight : bolder;	
	letter-spacing : 4px;
	width: 75%;
	font-family: 'Roboto';
}

.subPageBlock .btn{
	width: 100%;
	background-color : #fff;
	border-radius : 0px;
	color : #00508C !important;	
	font-weight : bolder;
	text-align : left;
	font-size: x-large;
}

.subPageBlock .alignright a{
	color : #fff;
	
}

.btn a{
	font-family : bolder;
}


.searchPageBlock{
	padding-bottom: 5%;
	color: black;
}

.searchPageBlock .button{
	background : #00662f;
}

.searchPageBlock .button:hover{
	background : #00662f;
	color : #FFF;
}

.superFishMenu ul{	
	font-size : 16px;
	font-weight : bolder;
	letter-spacing : 2px;	
	
}

.superFishMenu ul.li{	
	background : #fff;
	
}


.frontPageQuickAccess{
	background-color: #00662F;	
	padding : 2%;
	
	text-align : center;
	color: #FFF;
	font-weight : bold;
	text-transform : uppercase;	    
	position : relative;	
	left: 50%;
    transform: translate(-50%, -50%);	
	letter-spacing: 6px;
	width: fit-content;
    

	
}

.frontPageQuickAccess h2{
	align: center;
}

.iconBlocks{
	
	text-align : center;
    background-color: #00662f;
	width:100%;
	min-height: 175px;
	display:flex;
	padding: 5%;	
	border-radius: 10px;
}

.iconBlocks div{
   margin : auto;
}


.iconBlocks a, h2{
	
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
    color: rgba(255,255,255,1);
	text-decoration : none;
}

.iconBlocks svg{
	color : #FFF;
	size: 5x;
	
}

 .iconBlocks:hover{
	
	
	box-shadow: 0 0 10px 5px #00662f !important;
}


.permitsBlock p{
	font-size : 18px;
	
}


.permitsBlock {
	/*Important:*/
   
	background-color: #004C90;
	color : #FFF;
	text-align: center;	
	width:100%;
	min-height: 470px;
	display:flex;
	padding: 5%;
	font-weight: bolder;	
	border-radius: 5px;
	
  
	
}
.permitsBlock:hover {
	/*Important:*/
	box-shadow: 0 0 10px 5px #004C90 !important;
	
}

.permitsBlock div{
	/*Important:*/

	text-align: center;
    margin: auto;
  
	
}

.housingBlock p{
	font-size : 18px;
	
}

.housingBlock {
	/*Important:*/
   
	background-color: #00662f;
	color : #FFF;
	text-align: center;	
	width:100%;
	min-height: 190px;
	display:flex;
	padding: 5%;
	font-weight: bolder;	
	border-radius: 5px;
	
  
	
}

.housingBlock a, h2 {
	/*Important:*/
   
	text-decoration : none;
	color : #FFF;
	
	
  
	
}

.housingBlock:hover {
	/*Important:*/
   box-shadow: 0 0 10px 5px #00662f !important;
	
}

.housingBlock div{
	/*Important:*/

	text-align: center;
    margin: auto;
  
	
}


.planningBlock p{
	font-size : 18px;
	
}

.planningBlock {
	/*Important:*/
   
	background-color: #00662f;
	color : #FFF;
	text-align: center;	
	width:100%;
	min-height: 220px;
	display:flex;
	padding: 5%;
	font-weight: bolder;	
	border-radius: 5px;
	
  
	
}

.planningBlock a, h2 {
	/*Important:*/
   
	text-decoration : none;
	color : #FFF;
	
	
  
	
}

.planningBlock:hover {
	/*Important:*/
   box-shadow: 0 0 10px 5px #00662f !important;
	
}

.planningBlock div{
	/*Important:*/

	text-align: center;
    margin: auto;
  
	
}

.osrBlock {
	/*Important:*/
   
	background-color: #00662f;
	color : #FFF;
	text-align: center;	
	width:100%;
	min-height: 140px;
	display:flex;
	padding: 5%;
	font-weight: bolder;	
	border-radius: 5px;
	
  
	
}

.osrBlock a, h2 {
	/*Important:*/
   
	text-decoration : none;
	color : #FFF;
	
	
  
	
}

.osrBlock:hover {
	/*Important:*/
   box-shadow: 0 0 10px 5px #00662f !important;
	
}

.osrBlock div{
	/*Important:*/

	text-align: center;
    margin: auto;
  
	
}





.mapsBlock {
	background-color: rgba(82,88,91,1);
	color : #FFF;
	text-align: center;	
	width:100%;
	min-height: 150px;
	display:flex;
	padding: 3%;
	font-weight: bolder;	
	border-radius: 5px;
	
	
}

.mapsBlock a, h2{
	text-decoration : none;
	color : #fff;
}

.mapsBlock:hover {
	
	box-shadow: 0 0 10px 5px rgba(82,88,91,1) !important;
	
}

.mapsBlock div{
	/*Important:*/

	text-align: center;
    margin: auto;
  
	
}

.sustainableBlock p{
	font-size : 18px;
	
}


.sustainableBlock {
	background-color: rgba(82,88,91,1);
	color : #FFF;
	text-align: center;	
	width:100%;
	min-height: 150px;
	display:flex;
	padding: 3%;
	font-weight: bolder;	
	border-radius: 5px;
	
	
}

.sustainableBlock a, h2{
	text-decoration : none;
	color : #fff;
}

.sustainableBlock:hover {
	
	box-shadow: 0 0 10px 5px rgba(82,88,91,1) !important;
	
}

.sustainableBlock div{
	/*Important:*/

	text-align: center;
    margin: auto;
  
	
}

.pageTitleBlock {
	/*Important:*/ 
	width:100%;	
	display:flex;	
	
	
}

.pageTitleBlock  h1{
	/*Important:*/ 
	
	text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: lighter;
    font-size: 65px;
    color: rgba(255,255,255,1);
	-webkit-font-smoothing: antialiased;
}


.permitsBlock button{
	/*Important:*/
    text-transform : uppercase;
	background : #fff;
	color : #00508C;
    font-weight: bolder;
	
}
/*Important:*/
.link-spanner{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif 
  background-image: url('empty.gif');*/
}   




.path-frontpage .frontPage {
	
	
}



.containerDepartment{
	/*Important:*/
    position:relative;	
	color : #FFF;
	text-align: center;				
	font-weight: bold;
	padding: 10px;  
	min-height: 300px;
	
}

.borderBottom {
	border-bottom : 2px solid #fff;
}

.borderRight {
	border-right : 2px solid #fff;
}

.latestNews img{
	float : left;
	
}

.latestNewsBlock .views-row{
	padding: 6%;
	border-top : 2px dashed rgba(255,255,255, 0.2);
	margin: 2%;
	
}	

.latestNewsBlock .views-row img{
	
	margin-right: 2%;
	
}

.latestNewsBlock h2{	
text-align : left;
}

.more-link{
	
	background-color : #00662F;
    position:absolute;
	padding:2%;
	margin-left: 2%;
	text-align : center;
	
}



.more-link a{
	
	color : #fff;
	font-weight : bold;
	
}

.frontPageCss{
	
	   
	background-color: #52585B; 
	border-radius: 5px;
	padding:0.5%;
	margin-bottom : 4%;
	
}

.frontPageCss .views-field-title{
	background-color : #00508C;
	padding : 2%;
	display: inline-block;
	text-align : center;
	color: #FFF;
	font-weight : bold;
	text-transform : uppercase;	
    letter-spacing: 6px;
    margin-top: -25px;
	
}

.frontPageCss .views-field-body{
	margin-top:5%;
	margin-bottom:5%;
}

.ui-accordion{
	margin-top : 10px;
	margin-bottom : 20px;
}

.ui-accordion-icons{
	
}

.faqfield-answer{
	border : none;
}

.relatedLinks .ui-state-default{
border-bottom : 2px solid #00508C;
color : #00508C;
padding-top: 2%;
padding-bottom: 2%;
font-weight : bold;
background : #fff;
border-top: none;
border-left : none;
border-right : none;
padding-left : 0px;
}
.frequentlyAsked .ui-state-default{
	background : #00508C;
border : none;
color : #FFF;
padding-top: 2%;
padding-bottom: 2%;
font-weight : bold;
}

.page-node-type-faq-pages .ui-state-default{
background : #00508C;
border : none;
color : #FFF;
padding-top: 2%;
padding-bottom: 2%;
font-weight : bold;
}

.frequentlyAsked{
	display : block !important;
}

.relatedLinks{
	display : block !important;
}

.sideBarRight h2{
	color : #00508C;
}

.sideBarRight h4{
	color : #00662F;
}

.sideBarRight{
	border-left : 1px solid black;
	padding-left : 2%;
	position: fixed;
	z-index: -1;
	
	
   
}

.landuse-developmentservices .main-header, .landuse-developmentservices-maps .main-header, .landuse-developmentservices-neighborhoodCompPlans .main-header, .landuse-developmentservices-zoningSubdivisionAdministration .main-header, .landuse-developmentservices-architecturalReviewHistoricPreservation .main-header, .landuse-developmentservices-applications .main-header {
	background : url(../images/neighborhood.jpg) no-repeat;	
	background-position: center;
    background-size : cover;
}

.constructionenforcement .main-header , .constructionenforcement-applyPermitOnline .main-header, .constructionenforcement-feeSchedules .main-header {
	background : url(../images/code_enforcement.jpg) no-repeat;	
	background-position: center;
    background-size : cover;
}



.housing .main-header, .housing-homeOwnership .main-header, .housing-employementContractingOpportunities .main-header, .housing-planningReporting .main-header, .housing-programAccomplishments .main-header,.housing-publicServiceActivities .main-header{
	background : url(../images/housing.jpg) no-repeat;	
	background-position: center;
    background-size : cover;
}

.path-contact .main-header{
	background : url(../images/contact.jpg) no-repeat;
	background-position: center;
  background-size : cover;
	
  	
}

.page-node-type-calendar-event .main-header,.path-calendar-field-start-date .main-header{
	background : url(../images/calendar.jpg) no-repeat;
	background-position: center;
  background-size : cover;
	
  
	
}

.about .main-header{
	
	background : url(../images/about.jpg) no-repeat;
background-position: center;
  background-size : cover;	
}

.page-node-type-latest-news .main-header, .path-latestnews .main-header{
	background : url(../images/news.jpg) no-repeat;
background-position: center;
  background-size : cover;	
	
 
}

.path-taxonomy .main-header{
	background : url(../images/Latest-News.jpg) no-repeat;
background-position: center;
  background-size : cover;	
	
}

.calendarBlock img{
	float : left;
	
}

.calendarBlock .views-row{
	padding: 6%;
	border-top : 2px dashed rgba(255,255,255, 0.2);
	margin: 2%;
	
	
}	

.calendarBlock .views-row img{
	
	margin-right: 2%;
	
}	

.calendarBlock {
	
	width : 100%;
}

.calendarBlock a{
	
	color : #fff;
}
.latestNewsBlock a{
	
	color : #fff;
}



.contactUsBlock .imgText{
    border-top : 2px dashed rgba(255,255,255, 0.2);
	border-bottom : 2px dashed rgba(255,255,255, 0.2);
	padding-top : 2%;
	padding-bottom : 2%;
}

.contactUsBlock p{
	line-height: 20px;
}

.alignleft {
	float: left;
	width: 50%; 
	
}

.alignright {
	float: right;
	
}


.alignleftNews {
	float: left;
	width: 35%; 
	
}

.alignrightNews {
	float: right;
	width: 60%; 
	
}

.departmentCalendar{
	margin-bottom : 10%;
}

.departmentCalendar h2{text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: lighter;
    font-size: 52px;
    color: rgba(0,80,140,1);}


.departmentCalendar a{text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-family: Roboto;
    font-weight: normal;
    font-size: 28px;
	color: rgba(74,74,74,1);}
	
	
.rightSideBar .imgText{
	border-top : 1px solid rgba(255,255,255, 0.1);
	border-bottom : 1px solid rgba(255,255,255, 0.1);
	padding-top : 2%;
	padding-bottom : 2%;
}

.rightSideBar{
	line-height: 80%;
	background : #00662F;
	padding: 10%;
	color: #FFF;
	
	
	
}

.ui-accordion-header-active .ui-state-active{
	
	border : none;
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url(../images/play.png) !important/*{iconsContent}*/;
	float : right;
	width : 25px;
	height: 25px;
	color : #fff;
	
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
	background-image: url(../images/active.png) !important/*{iconsActive}*/;	
	float : right;
	width : 25px;
	height: 25px;
	color : #fff;
}

.ui-icon-triangle-1-e {
	
	background-position : 0px 0px !important;
}

.ui-icon-triangle-1-s{
	background-position : 0px 0px !important;
}


div.node__content > div:nth-child(n) > div:nth-child(1){	
	
	color: #00508c;
    text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: lighter;
    font-size: 52px;    
	display : block;
	padding-top : 5%;
	padding-bottom : 2%;
}

.osr-OngoingProjectsandInitiatives div.node__content > div:nth-child(n) > div:nth-child(1), .osr-PastSustainabilityandResilienceInitiatives div.node__content > div:nth-child(n) > div:nth-child(1), .osr-CollaborativePartners div.node__content > div:nth-child(n) > div:nth-child(1){	
     display : none;
}

.relatedLinks .ui-icon, .ui-widget-content .ui-icon {
    background-image: url(../images/colorplay.png) !important/*{iconsContent}*/;
	float : right;
	width : 25px;
	height: 25px;
	color : #00508C;
	
}

.relatedLinks .ui-state-active .ui-icon, .ui-button:active .ui-icon {
	 background-image: url(../images/coloractive.png) !important/*{iconsActive}*/;	
	 float : right;
	width : 25px;
	height: 25px;
	color : #00508C;
}

.homePageVideoBlock{
	background-color: #D8DBDD;
	border-radius: 5px;
	padding:0.5%;
	margin-bottom : 4%;
	min-height : 300px;
}

.homePageVideoBlock .alignleft{
	padding-top: 5%; 
	padding-left : 2%;
	font-weight: bolder;	
	color : #00508C;
	text-align : left;
	line-height: 100%; 
	
}


.homePageVideoBlock button{
	
	font-weight: bolder;	
	color : #FFF;
	background-color : #00508C;
	border-radius : 5px;
	margin : 3px;
}

.homePageVideoBlock img{
	
	padding: 4%; 
}

.NewsClass .views-row{
	
	border-bottom : 1px soild #00508C;
}

.NewsClass img{
	
	float : right;
	
	
}

.NewsClass{
	padding-bottom : 2%;
}

.departmentClass .views-row{
	border-bottom: 2px solid #00508C;
}



.NewsClass h2{
	color : black;
	text-align : left;
}

.sideBarRightCategories{
	
	padding-left : 5%;
	
	
}



.sideBarRightCategories a{
	
	color : black;
	text-align : left;
	
}

.sideBarRightCategories h2{
	color : #00508C;
	text-align : left;
}

.newsRowClass{
	padding-top : 2%;
	padding-bottom : 2%;
	border-bottom : 2px solid gray;
}

.node__content h2{
	color : black;
}

.subPageBlock .alignleft {
	float: left;
	width: 55%; 
	
} 

.subPageBlock .alignright {
	float: right;
	width: 44%; 
	margin-left : 1%;
	
} 

.region-sidebar-second{
	border-left : 2px solid gray;
	padding-left : 5%;
}

.subPageBlockVideo h3{
	color : #00508C;
	font-weight: bolder;	
	width : 100%;
	
}
.subPageBlockVideo .linkToButton {
	display : none;
}

.contactBlock h1{
	color : #00508C;
	font-weight: bolder;	
	width : 100%;
}

.contactBlock h2{
  color : black;
	font-weight: bolder;
	
}


.calendarListCssPage .views-row{
	
	border: 2px solid gray;
	border-radius : 5px;
	margin: 2%;
/*	background: #00508c;
    color: #fff;
	padding-left : 1%;*/
}
.calendarContentBlock h2{
	    
    color: #00508c;
}

.calendarListCssPageDate {
  background: #00508c;
  color: #fff;
  float: left;
  padding: 2%;
  width: 150px;
  height: 150px;
  text-align: center;
  margin-right: 2%;
}

.calendarListCssPageDateDay {
  font-size: 54px;
}

/*.calendarListCssPage .views-row .views-field h3{
	margin : 2%;
	padding : 1%;  
	text-transform : uppercase;
	background : #00508C;
	text-align : center;
	line-height : normal;
	float : left;
	color : #fff;
	font-weight: bolder;
	
	
}*/

.calendarListCssPage .views-row .views-field-title{
  display: block;
}

/*.calendarListCssPage .views-row .views-field-title h2 a{
	
	color: #FFF;
	
}*/

.calendarListCssPage .views-row .views-field-body{
  display: block;
}

.mini-day-off{
	background :#d3dae2;
	margin: 5%;
	padding : 5%;
  text-align : center;
	color : #004e8e;
	font-weight: bolder;
}

.mini{
	width : 100%;
}



.mini .days{
display : none;
}


.mini .today .mini-day-off{
	background : #00508C;
	color :#D0D0D0;
}

.mini-day-on{
	background : #00662f;
	color :#FFF;
	text-align : center;
	font-weight: bolder;
	
}

.mini-day-on a{
	
	color :#FFF;	
	font-weight: bolder;
	
}

.menu-base-theme ul {
	background : #FFF !important;
	color: #00508C !important;
    min-width: 40em !important;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
	
}

.menu-base-theme ul li a:hover{
	background : #00508C !important;
	
	
}

.linkToButton{
  background: #00508C;
  color: #fff;
  border: 0;
  padding: 13px;
  line-height: 100%;
  height: 42px;
  font-weight: bolder;
   
}

.linkToButton:hover{
  
  box-shadow: 0 0 10px 5px #00508C !important;
  
  text-decoration : none;
}

.page-node-type-related-links-page .ui-icon  {
    background-image: url(../images/colorplay.png) !important/*{iconsContent}*/;
	float : right;
	width : 25px;
	height: 25px;
	color : #00508C;
	
}

.page-node-type-related-links-page .ui-state-active .ui-icon, .ui-button:active .ui-icon {
	 background-image: url(../images/coloractive.png) !important/*{iconsActive}*/;	
	 float : right;
	width : 25px;
	height: 25px;
	color : #00508C;
}

.accelaVideos .views-row .views-col{
	
	background-color: #D8DBDD;
	width: 45% !important;
	margin : 25px !important;
	min-height : 180px;
	padding : 2%;
	border-radius : 25px;
	display : flex;
	
}

.accelaVideos .views-row .views-col h3{
	
	color : #00508C;
	float : center;
	width : 100%;
	
	
}



.accelaVideos .views-row .views-col .views-field-field-video-url {
	float : left;
	width : 160px !important;
	height : 160px !important;
	padding : 2%;
}

.accelaVideos .views-row .views-col button{
	
	font-weight: bolder;	
	color : #FFF;
	background-color : #00508C;
	border-radius : 5px;
	margin : 3px;
	float : center;
	text-align : center;
	
}


.accelaVideos .views-row .views-col div{
	
	
   text-align : center;
   margin : auto;
}

.feed-icon {
	display : none;
}


.startDateCss{
	font-size: 0.6em; 
	padding-bottom : 10px;
}

.startDateCss:first-child{
	text-align: left;
    font-family: Roboto;
    font-style: normal;
    font-weight: lighter;
    font-size: 24px;
    color: rgb(74, 74, 74);
}

.locationCss{
	font-size: 0.6em; 
	padding-bottom : 10px;
}

.page-node-type-calendar-event .comment-submitted{
	
	display : none;
}

.locationCss div:first-of-type{	
    font-size: 26px !important;  
    font-size : bolder;	
}

.startDateCss div:first-of-type{	
    font-size: 26px !important;   
}

.linkToButton{
	color : #FFF !important;
	text-decoration : none;
}

.backBlock .linkToButton{
	background : #D8DBDD;
	color : #00508C !important;
	
}

.backBlock .linkToButton svg{
	padding-top: 13px;
	
}



.subPageBlock .btn:hover {
	box-shadow: 0 0 10px 5px #FFF !important;  
  text-decoration : none;
	
}

.searchPageBlock .js-form-type-search input.form-search {
	height: 70px;
    background: #FFF;    
    font-size: 1.5em;
	color : rgb(74, 74, 74);
}

.searchPageBlock #search-block-form .icon {
    height: 70px;
    width: 70px;
	opacity : 1;
	background-color :  #00662f;
	border-top-right-radius : 5px;
	border-bottom-right-radius : 5px;
	
}

.searchPageBlock #search-block-form .icon:hover {
    opacity : 1;
	background-color :  #00662f;
	
}

.searchPageBlock i.better_search {
	height : 70px;
	width : 70px;
	background: url(/modules/better_search-8.x-1.5/better_search/css/images/icons35-search.svg) center center no-repeat;
}

.searchPageBlock #search-block-form:hover .icon,
.searchPageBlock #search-form:hover .icon {
  background: #00662f;
}

.searchPageBlock svg {
	color : #fff;
}

#edit-submit-sustainable-shelby-plan-strategies{
	margin-left : 1em !important;
}

#edit-submit-sustainable-shelby-plan-strategies:hover{
	box-shadow: 0 0 10px 5px #004C90 !important;  
	background : #004C90;
	color : #FFF;
}


.view-grouping-header{
	font-size : 26px;
}

.stratagiesCss > div{ 
    white-space: pre-line;
	display: grid;
}


.stratagiesCss > div h3{ 
    white-space: nowrap;
}


.stratagiesCss > div > div{ 
    white-space: nowrap;
}

.stratagiesCss th, td {
	
	border : 2px solid black;
	padding : 5px;
}

.stratagiesCss form{
	display : none;
}



@media screen and (max-width: 1400px) and (min-width : 991px) {
.subPageBlock .btn{
	width: auto;
	
}
}

@media screen and (max-width: 1200px) and (min-width : 768px) {
.menu-base-theme ul {
	background : #FFF !important;
	color: #00508C !important;
    min-width: 30em !important;
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
	
}
}

@media screen and (max-width: 993px) and (min-width : 812px) {
	.homePageVideoBlock{
	text-align : center;
	min-height : 600px;
	float : center;
	}
	
	.subPageBlock .alignleft {
	float: left;
	width: 100%; 
	
} 

.subPageBlock .alignright {
	float: left;
	width: 100%; 
	
} 

.calendarListCssPage .views-row .views-field h3{
	max-width : 14%;
	
}

.region-sidebar-second{
	border : none;
	padding-left : 0px;
}
	

}

@media screen and (max-width: 812px) and (min-width : 768px) {
  .borderBottom {
    border-bottom : none;
  }
  .frontPageCss .views-field-title{
	  
	  width: min-content;
  }
  
  .footerBlockTitle{
	  margin-top : 60px;
  }
    .alignleft {
	float: none;
	text-align: center;
	width: 100%;
    padding : 5%;	
	
}
  .alignright {
	float: none;
	
  }
  
  .slideBoxText h1{
	  text-align: center;
	  padding : 5%;
  }
  
  .menu-base-theme li a {
	  
	  color : #FFF;
  }
  
  .menu-base-theme li a:hover {
	  
	  color : #fff;
  }
  
   .menu-base-theme ul li a{
	  color : #00508C;
	  background :  #FFF;
  }
  
  .rightSideBar{
	  display : none;
  }
  
  .homePageVideoBlock{
	text-align : center;
	min-height : 600px;
	float : center;
}
	.subPageBlock .alignleft {
	float: left;
	width: 100%; 
	
} 

.subPageBlock .alignright {
	float: left;
	width: 100%; 
	
} 
.calendarListCssPage .views-row .views-field h3{
	max-width : 14%;
	font-size : 16px;
}

.region-sidebar-second{
	border : none;
	padding-left : 0px;
}
  
   
}

@media screen and (max-width: 767px) {
  .borderBottom {
    border-bottom : none;
  }
   .borderRight {
    border-right : none;
  }
  .borderMobile{
	  border-bottom : 2px solid #fff;
  }
  .frontPageCss .views-field-title{
	  
	  width: min-content;
  }
  
  .footerBlockTitle{
	  margin-top : 60px;
  }
  
  .alignleft {
	float: none;
	text-align: center;
	width:100%;
    padding : 5%;	
	
}
  .alignright {
	float: none;
	
  }
  
  .slideBoxText h1{
	  text-align: center;
	  padding : 5%;
  }
  
  .menu-base-theme li a {
	
	  color : #00508C;
  }
	
  .menu-base-theme a:hover, .menu-base-theme a:focus, .menu-base-theme a:active, .menu-base-theme a.highlighted{
	  
	  color : #00508C;
	  
  }
  
  .searchPageBlock .js-form-type-search input.form-search {
	  font-size : 0.7em;
  }
  
  
  
  .menu-base-theme ul li a{
	  color : #FFF;
	  background :  #00508C;
	  font-size: medium;
  }
  
  .rightSideBar{
	  display : none;
  }
	

.homePageVideoBlock{
	text-align : center;
	min-height : 600px;
	float : center;
}
  	.subPageBlock .alignleft {
	float: center;
	width: 100%; 
	
} 

.subPageBlock .alignright {
	float: center;
	width: 100%; 
	
} 

.subPageBlock .alignright .btn{
	text-align : center;
	
	
} 

.calendarListCssPage .views-row .views-field h3{
	max-width : 14%;
	
}

.region-sidebar-second{
	border : none;
	padding-left : 0px;
}

.menu-base-theme ul {
	background : #FFF !important;
	color: #00508C !important;
    min-width: 40em !important;
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
    column-count: 1;
    column-gap: 20px;
	
}

.backBlock .linkToButton {
	font-size : smaller;
}

.stratagiesCss select {
	
	font-size : small;
	
}




}

@media (min-width: 1200px){
.container {
    width: 1250px !important;
}

}

@media all and (max-width: 760px)
{

.responsiveTable table {
display: block;
}

.responsiveTable table caption {
display: inline-block;
}

.responsiveTable table tr {
display: list-item;
border: none;

}

.responsiveTable table th {
display: block;
border: solid thin gray;

}

.responsiveTable table td {
display: block;
border: solid thin gray;

}

}


.page-node-44 details summary {
    background: 00508C !important;
}

.ui-widget-content a{
		color : #337ab7
}
.constructionenforcement-applyPermitOnline .relatedLinks {
	display : none !important;
}
.housing-employementContrctingOpportunities .frequentlyAsked {
	display : none !important;
}