/* LAYOUT */
body								        { background: #F7F7F7; font-size: 100%}
.logo       								{ z-index: 60; position: absolute; display: inline-block; max-width:216px; top:20px;left:20px; }
.headline 									{ padding: 30px 40px 0 34px;}
.header										{ z-index: 50; position: absolute; top:0;  width: 100%; }
.header-container 							{ margin: auto; position: relative;}
.header-container, .row 					{ max-width: 1300px; }

.entry-content 								{ background: #fff; padding: 40px; min-height: 65vh;}
.home-content 								{ background: #fff; padding:0 40px 40px 40px}
.top-header 								{ position: relative; width: 100%; top: 35px;  display:block; height: 40px;  z-index: 9999999999;}
.bottom-header   							{ position: relative; width: 100%; height: 80px;}
.black-filter								{ position: absolute; background: rgba(0,0,0,.35); width: 100%; height: 100%; top:0; z-index: -1;}
.blog-container 							{ padding:0 30px 30px 30px !important; margin:0;}
.sfm-navicon-button 						{ visibility: hidden; display: none}
.blog-box-padding 							{ padding:40px;}
div#social-footer							{ right: 10px !important;}
.vc_row.wpb_row.vc_row-fluid.divider 		{ margin: 30px 2px 30px 2px !important;}
.divider .wpb_content_element 				{ padding: 20px !important;}
.add-border									{ border-right: 1px solid #ccc; min-height:600px; padding: 0 20px 0px 0;}
.bucket 									{ padding: 0 0 20px 0;}
.mini-divider 								{ padding:60px;}
.sm-menu 									{ right:20px; top: 0; }
button#responsive-menu-button 				{top: 70px;}
.programs h2:after 							{ height: 5px; content: ""; width: 100px; background: #FBB034; display: block; margin-top: 25px;}
.programs-image								{margin-bottom: 20px;}
.more-link span:before 						{ content: ""; width: 100%;  height: 5px;  background: #fcb033;  display: block; margin-bottom: 25px;}
#events .more-link span:before 				{ background:#8E5BA6;}


 /* TYPGORAPHY */
h1  								  	 	{ font-family: 'Open Sans', sans-serif; font-size:80px; line-height:50px; font-weight:700; color:#fff; margin:0 0 70px 0;}
h2 							 				{ font-family: 'Open Sans', sans-serif; font-size:21px; line-height:35px; font-weight:700; color:#fff; margin:0 0 0px 0;}
h3  										{ font-family: 'Open Sans', sans-serif; font-size:1.5rem; line-height:2rem; font-weight:400; margin:0 0 10px 0;}
h4  										{ font-family: 'Open Sans', sans-serif;  font-size:1rem; line-height:1rem; font-weight:400; margin:0 0 10px 0;}
p  											{ font-family: Roboto, 'Open Sans', sans-serif; font-size:14px; line-height:22px; font-weight:400; margin:0 0 10px 0;}
li 											{ font-family: Roboto,'Open Sans', sans-serif; font-size:14px; line-height:22px; font-weight:400; margin:0 0 10px 0;}
a 											{ color: #8E5BA6; font-weight: 700;}
h3.post-result-title 						{ font-size:1rem; font-weight:400; margin:0}
h2.calendar-events-title 					{ color: #8E5BA6; font-size: 1.25rem; font-weight: 700; margin: 0 0 10px 0; text-align: center;}
h1.programs-title 							{ font-size: 50px; line-height: 63px; bottom: 25px !important;}
.entry-content.post h2 						{ color:#8AAD47}
.headline h1								{ color: #fff; font-weight: 900; font-size: 40px; line-height: 50px; margin: 0 0 20px 0;}
.headline p									{ color: #fff; font-size: 16px;  margin: 0 0 20px 0;}
.headline a									{ color:#fff; font-weight:700; border-bottom:5px solid #fff; padding:0 0 10px 0; display:inline-block} 	
.bucket h2         						 	{ background: #fff;     padding: 0 10px;     position: absolute;     margin: -40px 0 0 40px;     font-size: 1.5rem;     font-weight: 900;     color: #000;}
.bucket p  									{ color:#000; font-size:.9rem; margin:30px; line-height:1.25rem; padding:0 0 20px 0;}
#news h2 									{ background-color:#FBB034; padding:10px 20px !important; margin: 0 0 20px 0 !important}
#events h2 									{ background-color: #8E5BA6;  padding:10px 20px !important; margin: 0 0 20px 0 !important}
#instagram h2 								{ background-color: #8AAD47; padding:5px 20px}
#twitter h2 								{ background-color:#FBB034; padding:5px 20px }
.live p 									{ border-bottom:4px solid #FCB033}
.business p 								{ border-bottom:4px solid #ED1C24}
.visit p 									{ border-bottom:4px solid #8E5BA6}
.visit p, .business p, .live p 				{ min-height:165px}
#smart-slider a 							{ color:#fff; font-weight:800}
 .hompage-container 						{ background:rgba(0,0,0,.8)}

/* MAIN IDS */
#content									{ margin-top:0px;} 	
#homepage-slider a   						{ background:#000; color:#fff; display:inline-block; padding:5px; }  	
#homepage-slider a:hover   					{ background:#ccc; color:#000;}  		
#page-image h1         						{ font-weight: 700;   margin: 0;    display: block;  bottom: 50px;     position: absolute; }		 
#page-image 								{ height:400px; z-index: 1; position: relative;width: 100%; margin-bottom:  0px; background-position:center; background-repeat: no-repeat; background-size: cover }
.call-out h2           						{ color: #8a5aa5;     font-size: 25px;     line-height: 35px;  }  	
.call-out p   								{ color:#fff;}  	
.call-out   								{ padding:50px;}  	
.call-out a 								{ font-weight:900; border-bottom:5px solid white; padding:0 0 3px 0; text-transform:uppercase; display:inline-block;}  	
.divider 									{ padding:50px;}
.divider h2 								{ color: #fff;     font-size: 16px;     line-height: 24px;     margin: 0 0 10px 0;     font-weight: 600;}
.divider p 									{ color:#fff;  margin:0 0 20px 0;}				
.grid-builder h4         					{ font-size: 1rem;     font-weight: 900;     color: #4D4D4D;     line-height: 1.25rem; }
.grid-builder p  							{ font-size: .9rem;     color:#5D5C5C;     line-height: 1.2rem}
.excerpt-read-more 							{ color: #8AAD47 !important; font-family: Roboto, 'Open Sans', sans-serif; font-size: .9rem; margin: 0;}

/* INITIATIVES */
.about h3 									{ background: #8E5BA6; color: #fff;  padding: 7px 15px;  margin-bottom: 20px;}
.current-status h3 							{ background: #FBB034; color: #fff; padding: 7px 15px;  margin-bottom: 20px;}
.upcoming-events h3 						{ background: #8aad47; color: #fff; padding: 7px 15px; margin-bottom: 20px;}
.programs-side p 							{ padding: 0 20px;}
.updates h3 								{ border-bottom: 4px solid #8A5AA5; padding-bottom: 10px; margin-bottom: 15px;}
.programs .vc_col-sm-12.vc_gitem-col.vc_gitem-col-align- { background: #343434;  color: #fff !important;}

/* FOOTER */
#footer     								{ bottom:0; width:100%; z-index:9;    margin:   0; }    
#footer p  									{ color:#ffffff;  font-size:.9rem;}
#footer-menu li a 							{ color: #fff; text-transform: uppercase;font-weight: 700;font-size:1.25rem;}
#footer-menu li  							{ padding: 0 5px;display:block;}
#footer-menu li:last-child  				{ padding: 0 5px; border-right:0;}
#footer  									{ position:Relative;  padding:20px; background-color:#343434; min-height:100px; }
#footer-menu li 							{ padding: 0 5px 0 5px; display: inline-block; text-align: center;}
#footer-menu ul 							{ text-align: center;}
.footer-content								{ position: absolute; left: 0;}
.footer-logo 								{ max-width: 100px}


/*PAGINATION*/
.pagination a, .pagination button 			{display: inline;  padding: .1875rem .625rem; border-radius: 0; color: #666; background: #ccc;}
.pagination .current 						{ padding: .1875rem .625rem; background: #8AAD47; color: #fefefe; cursor: default;}

#search-box 								{ position: absolute; right: 270px; top: 0px;}
div#sub-header  							{ position: absolute; right: 225px; top: 5px;}
#sub-header li a 							{ color: #fff;  font-weight: 900; text-transform: uppercase; font-size: .9rem;}
#sub-header li 								{ padding: 0 0 0 10px; margin: 0 0 0 5px; border-left: 1px solid white;display: inline-block;}
#sub-header li:first-child 					{ border-left:0}
#map 										{ margin:20px auto 35px auto;  left:0; right:0;  z-index:900}
ul#map-menu  								{ margin: 0 0 20px 0 ;}
ul#map-menu li 								{ list-style-type: none; display: initial; margin: 0 20px 0 0;display: inline-block; }
ul#map-menu li a 							{ background: #8E5BA6; color: #fff; padding: 10px; width: 200px; display: inline-block; text-align: center;}
ul#map-menu li a:hover 						{ background: #000000;}

ul#about-menu  								{ margin: 0 0 20px -10px ;}
ul#about-menu li 							{ list-style-type: none; display: inline-block; margin: 0 10px 0 0;}
ul#about-menu li a 							{color: #000; text-decoration: none; font-weight: 500; text-transform: none;  padding:10px;}
ul#about-menu li a:hover 					{color: #fff; background:#2A2A2A; border-radius:10px;padding:10px; text-decoration: none; font-weight: 500; text-transform: none;}

/* NAVIAGATION */
#nav-menu 									{ z-index: 30; position: absolute;  right: 0; margin: 60px 0 0 0; }
#nav-menu ul 								{ text-align: left; display: inline; margin: auto;  list-style: none; width: auto; }
#nav-menu ul li 							{ display: inline-block;margin-right: 10px; margin-bottom: 0; position: relative; padding: 10px; background: none;cursor: pointer;width: 135px;}
#nav-menu ul li:last-child  				{ padding-right: 0;}
#nav-menu ul li a 							{ text-transform: uppercase; font-family:'Open Sans'; font-size:1.2rem;font-weight:700; color: #ffffff;}
#nav-menu ul li ul 							{ padding: 16px 0 0 0; position: absolute; top: 30px; left: 0px; width: 135px; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }
#nav-menu ul li ul li 						{ background: #63656a; border-bottom: 1px solid #fff; display: block; text-align: left; padding:10px; transition: 0.3s;}
#nav-menu ul li ul li:last-child 			{ border-bottom: 0; }
#nav-menu ul li ul li a 					{ color: #fff; display: block;     font-size: .8rem;}
#nav-menu ul li ul li:hover 				{ color: #fff; background:#000}
#nav-menu ul li:hover ul 					{ display: block; opacity: 1; visibility: visible; }
#nav-menu .active>a 						{ background: none; }
#nav-menu ul li:hover 						{ background: #ccc !important;}
#nav-menu ul li a:hover, #nav-menu .active>a{ color: #ffffff; }
#nav-menu ul li.nav-about  					{ background: #8E5BA6;}
#nav-menu ul li.nav-resources  				{ background: #8AAD47;}
#nav-menu ul li.nav-connect  				{ background: #EE3124; }
#nav-menu ul li.nav-connect ul li 			{ width: 175px;}
#nav-menu ul li.nav-history  				{ background: #8aad47;}
#nav-menu ul li.nav-neighborhood  			{ background: #000000;}	
#nav-menu ul li.nav-programs 				{ background: #aaa; }
#nav-menu ul li.nav-events						{background: #FBB034;}
.menu>li>a 									{ padding: 0;}
.menu .active>a 							{ background: none !important}

/* SOCIAL MEDIA FOOTER*/
.sm-menu 			 						{ position: absolute;width: max-content;  right: 0px !important; top: 0; }
.sm-menu li 		 						{ list-style-type: none; display: block; }
.sm-menu li a 		 						{ font-size:0; display: block;  width:24px; height:24px;   width: 30px; height: 30px; margin: -15px;}
.sm-menu li.sm 								{ display: inline-block; padding: 0;  width:24px; height:24px; margin: 0 0 0 5px}
.sm-menu li.fb 		 						{ background: url(../images/sm/facebook/facebook-24.png) center no-repeat; }
.sm-menu li.fb:hover 						{ background:#000 url(../images/sm/facebook/facebook-24.png) center no-repeat}
.sm-menu li.tw 		 						{ background: url(../images/sm/twitter/twitter-24.png) center no-repeat  }
.sm-menu li.tw:hover 						{ background:#000 url(../images/sm/twitter/twitter-24.png) center no-repeat }
.sm-menu li.li 	 	 						{ background: url(../images/sm/linkedin/linkedin-24.png) center no-repeat}
.sm-menu li.li:hover 						{ background:#000 url(../images/sm/linkedin/linkedin-24.png) center no-repeat}
.sm-menu li.ig 	 	 						{ background: url(../images/sm/instagram/instagram-24.png) center no-repeat}
.sm-menu li.ig:hover 						{ background:#000 url(../images/sm/instagram/instagram-24.png) center no-repeat}
.sm-menu li.yt 	 	 						{ background: url(../images/sm/youtube/youtube-24.png) center no-repeat}
.sm-menu li.yt:hover 						{ background:#000 url(../images/sm/youtube/youtube-24.png) center no-repeat}
.sm-menu li.fl 	 	 						{ background: url(../images/sm/flicker/flicker-24.png) center no-repeat}
.sm-menu li.fl:hover 						{ background:#000 url(../images/sm/flicker/flicker-24.png) center no-repeat}
.sm-menu li.fb,.sm-menu li.fl, .sm-menu li.tw, .sm-menu li.li, .sm-menu li.yt, .sm-menu li.ig {   border: 1px solid white;  border-radius: 15px; padding:15px;}
#sm-header									{  display:block; position: relative; float:  right;}


table tbody tr:nth-child(odd)				 { border-bottom: 0; background-color: #ddd;}


	
	button, .button 										{ background:#666; color:#fff; padding:5px; text-transform:uppercase;}	
	.gform_wrapper label.gfield_label, label				{ font-size: .9rem; color:#666; }	
	[type=input], [type=email], [type=text], textarea, select       { }	

	

	.categories h3	{ font-size:2rem;} 	
	.date p {     font-size: .9rem;     text-transform: uppercase;     font-weight: 700;     color: #696969;} 	

	.newsletter-sign-up h3	{ font-weight:700; font-size:20px; line-height:28px;} 	
	.newsletter-sign-up h2{  font-weight: 900;     color: #fff;     margin: 0;} 	
	.divider li{ color:#fff; }