/*



Theme Name: Boys and Girls Club NJ



Author: St. Jacques Marketing



Author URI: http://stjacques.com/



Description: Boys and Girls Club New Jersey website



Version: 2



-------------------------------------------------------------- */







body {



	background: #fff;



	line-height: 1;



	background:url(images/body_back.png) #f0f0f0;



	font-family:'Open Sans', sans-serif;



	padding:0;



	margin:0



	}



	



.clear{



	clear:both;



	}	



	



.blue{



	color:#0093d0;



	}



	



a{



	text-decoration: none;



    outline: none;



	}	



	
.h2.ls-layer {

	color: #0093d0;
}

.h3.ls-layer {

	color: #0093d0;
}
.h4.ls-layer {

	color: #0093d0;
}

.ls-layer-link {

	color: #0093d0;
}

a image{



	border:none;



	}



	



#spon_logo a img{



	border:solid #B9B9B9 1px !important;



	margin:10px;



	}		







	



.impact-orange{



	color:#fff;



	background-color:#ef522e;



	max-width:500px;



	padding:15px;



	}



	



.impact-blue{



	color:#fff;



	background-color:#0093d0;



	max-width:500px;



	padding:15px;



	}	



	



.impact-green{



	color:#fff;



	background-color:#c0d630;



	max-width:500px;



	padding:15px;



	}



	



.impact-gold{



	color:#fff;



	background-color:#fcb817;



	max-width:500px;



	padding:15px;



	}



	



#social_top{



	width:100%;



	height:30px;



	background-color:#fff;



	padding:10px 0;



	}



	



.socila_links{

	margin:0 auto;

	text-align:right;

}



	



.socila_links{



	color:#fff;



	}



	



a.fb_icon{



	color:#3B5999;



	}



	



a.tw_icon{



	color:#4099FF;



	}



	



a.yt_icon{



	color:#e52d27;



	}						



	



#main_wrapper{



	max-width:1000px;



	padding:15px;



	margin:0 auto;



	padding:15px;



	}



	

#header{ margin:0 auto; }

.logo{	float:left; }

.buttons { text-align: right; }

	



/* Main Nav*/		



.nav {

	padding:6px 0px;

	margin: 0px 0px 20px 0px;

}



	



.nav ul{



	list-style:none;



	text-align:center;



	border-top: dotted 2px #a9a9a9;



	border-bottom: dotted 2px #a9a9a9;



	height:45px;



	padding:10px 0px;



	z-index: 9999;



	}



	



.nav ul li{



	display:inline-block;



	margin-right:30px;



	}



	



.nav ul li:last-child{



	display:inline-block;



	margin-right:0px;



	}	



	



.nav ul li a{



	color:#000;



	text-decoration:none;



	text-transform:uppercase;



	font-family:'PT Sans Narrow', sans-serif;



	font-size:18px;



	}



	



.nav ul li a:hover{



	border-bottom: solid 5px #0093d0;



	padding-bottom:12px;



	color:#7b7b7b;



	z-index:+200;



	}



	



.nav ul li.current_page_item > a{



	border-bottom: solid 5px #0093d0;



	padding-bottom:11px;



	color:#7b7b7b;



	}



	



.nav ul li.current-page-ancestor a{



	border-bottom: solid 5px #0093d0;



	padding-bottom:15px;



	color:#7b7b7b;



	}			







/*Sub Nav*/	



#menu-main-menu {



}







#menu-main-menu  ul{



}







#menu-main-menu > li{



}







#menu-main-menu  li{



}











#menu-main-menu li.parent::after{



    content:'+';



}







#menu-main-menu  .sub-menu {



   display: none;



   position: absolute;



   margin-top: 10px;



   border-top: none;



   background: #f0f0f0 url("images/body_back.png") repeat scroll 0 0;



   margin-left: -50px;



}







#menu-main-menu  li:hover > .sub-menu{



    display: block;



    width: auto;



    height: auto;



    z-index: +1;



    padding: 5px 15px;



}







.depth1 {



	display: block !important;



	padding: 5px 0;



}



	







.nav ul li.depth1 {



    margin-right: 0px;



}







.nav ul li.current-page-ancestor .depth1 a{



	border-bottom: none;



	}	











.nav ul li.current-page-ancestor .depth1 a:hover{



	padding-bottom:5px !important;



	border-bottom: solid 5px #0093d0;



	color:#7b7b7b;



	z-index:+200;



	padding-bottom: 2px !important;



	}







.nav ul li .depth1 a:hover{



	padding-bottom:5px !important;



	border-bottom: solid 5px #0093d0;



	color:#7b7b7b;



	z-index:+200;



	padding-bottom: 2px !important;



	}











.sub_nav {



	width:100%;



	padding:0px;



	margin:0px auto 30px auto;



	border-top: dotted 2px #a9a9a9;



	border-bottom: dotted 2px #a9a9a9;



	}



	



.sub_nav ul{



	list-style:none;



	text-align:left;



	padding-left:0px;



	margin-top: 10px;



	}



	



.sub_nav ul li{



	display:inline-block;



	margin-right:10px;



	}



	



.sub_nav ul li:last-child{



	display:inline-block;



	margin-right:0px;



	}	



	



.sub_nav ul li a{



	color:#000;



	text-decoration:none;



	font-family:'PT Sans Narrow', sans-serif;



	font-size:16px;



	font-weight:400;



	}



	



.sub_nav ul li a:hover{



	color: #0093d0;



	}



	



.sub_nav ul li.current_page_item a{



	color: #0093d0;



	}



	



/*Home Main Slider*/	



		



	



#wow_wrapper{



	max-width:975px;

	background:url(images/stripe-back-3.png) #ededed;

	border: solid 1px #ededed;

	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);

	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);

	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);

	margin: 0px auto 30px auto;

}



#wow_wrapper.ls {



    	padding: 5px 5px;	

}



.wow_wrapper_inner_slides{



	max-width:955px;



	height:300px;



	background:#fff;



	margin:10px auto;



	overflow:hidden;



	}



	



#home_title{



	max-width:975px;



	margin: 0px auto 30px auto;



	}



	



#home_title	a:hover{



	color:#F06B20;



	}



	



#home_title h1{



	color:#3a3526;



	 font-family: Franklin Gothic;


	font-size:58px;



	font-weight:800;



	margin: 0px;



	}



.banner-rm:hover { text-decoration: underline !important; }
.ls-l.h2 { color: #0093d0 !important; }



.home_youth_year_wrap{



	width:975px;



	background:url(images/stripe-back-3.png) #ededed;



	border: solid 1px #ededed;



	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);



	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);



	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);



	margin: 0px auto 50px auto;



	}



	



.home_youth_year_excerpt{



	width:915px;



	background:#fff;



	margin:10px auto;



	padding:20px;



	



	}



	



.yoth_home-img{



	width: 150px;



	height:175px;



	float: left;



	padding-right: 10px;



	border-right: #f0f0f0 solid 1px;



	}



	



.yoty_home_excerpt{



	width:750px;



	float:right;



	}



	



/*.yoty_home_excerpt img{



	width:175px;



	



	}*/



	



.yoty_home_excerpt p{



	font-size: 13px;



	color: #666 !important;



	font-family: 'Open Sans', sans-serif;



	line-height: 22px;



	}



	



.yoty_home_excerpt a{



	font-family: 'Open Sans', sans-serif;



	font-size:16px;



	font-weight:700;



	color:#0093d0;



	text-decoration:none;



	}



	



.yoty_home_excerpt a:hover{



	color:#F06B20;



	}	



	



.yoty_home_excerpt h4{



	margin:0px;



	}



	



	



.title a{



	color: #0093d0;



	}



	



.title a:hover{



	color:#F06B20;



	}



	



.title p{



	font-size:16px;



	line-height:26px;



	color:#666;



	}		



	



/* Youth Of The Year Candidates */	







.yoty_candidate_name{



	font-size:15px;



	font-weight:700;



	color:#0093d0;



	border: #d7d7d7 solid 1px;



	padding:10px;



	background: #ebebeb;



	border-radius: 4px;



	background: -moz-linear-gradient(top, #ebebeb 30%, #d7d7d7 100%); /* FF3.6+ */



background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ebebeb), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */



background: -webkit-linear-gradient(top, #ebebeb 30%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */



background: -o-linear-gradient(top, #ebebeb 30%,#d7d7d7 100%); /* Opera 11.10+ */



background: -ms-linear-gradient(top, #ebebeb 30%,#d7d7d7 100%); /* IE10+ */



background: linear-gradient(to bottom, #ebebeb 30%,#d7d7d7 100%); /* W3C */



filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d7d7d7',GradientType=0 );



	}



	



.yoty_candidate_bio{



	margin-bottom:30px;



	}	



	



.yoty_candidate_bio img{



	width:100px;



	height:inherit;



	float:left;



	margin-right:10px;



	}



	



/*.yoty_candidate_bio p{



	width:430px;



	float:right;



	



	}*/							



	



	



.home_article_wrapper{



	width: 100%;



	background:url(images/stripe-back-3.png) #ededed;



	border: solid 1px #ededed;



	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);



	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);



	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);



	



	}



	



.home_article_excerpts{



	background:#fff;



	margin:10px;



	padding-top:10px;



	}



.event .home_article_excerpts{



	padding-top:0 ;



	}



	



.home_article_excerpts ul{



	list-style:none;



	padding-left:0px;



	color:#666;



	}



	



.home_article_excerpts ul li{



	float:left;



	padding:10px;



	border-right:solid 1px #ededed;



	width:100%;  



	}



	



.home_article_excerpts ul li:last-child{



	border-right:none;  



	}



	



.home_article_excerpts a{



	color:#2A9ACC;



	font-weight:700;



	}



	



.home_article_excerpts a:hover{



	color:#F06B20;



	}	



	



.home_article_excerpts h4{



	color:#414141;



	font-weight:700;



	text-transform:uppercase;



	}		



		



	



.home_wall_greatness{



	width:935px;



	height:120px;



	margin:25px auto 50px auto;



	background:url(images/home_wall-back.png) no-repeat transparent;



	padding:10px 20px 5px 20px;



	}



	



.home_wall_left{



	width:400px;



	float:left;



	margin-top:18px;



	}



	



.home_wall_slide{



	width:389px;



	float:right;



	margin:10px 50px 0px 0px;



	}	



	



.attachment-homepage-thumb{



	border:solid 2px #fff;



	-webkit-box-shadow: 0px 0px 5px 5px #363636;



	-moz-box-shadow: 0px 0px 5px 5px #363636;



	-o-box-shadow: 0px 0px 5px 5px #363636;



box-shadow: 0px 0px 5px 5px #363636;



	}						







#main_content_wrapper{



	float:left;



	background:url(images/stripe-back-3.png) #ededed;



	border: solid 1px #ededed;



	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);



	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);



	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);

	

	width: 100%;



	}



	



	



	



.main_inner_content{



	margin: 10px;

    	padding: 10px;



	background-color:#FFF;



	color:#666;



	}



	



.main_inner_content h1{



	font-size:24px;



	color:#0093d0;



	font-family:'Open Sans', sans-serif;



	text-transform:uppercase;



	font-weight:700;



	letter-spacing:1px;



	}	



	



.main_inner_content h4{



	font-size:16px;



	color:#0093d0;



	font-family:'Open Sans', sans-serif;



	font-weight:700;



	letter-spacing:0px;



	line-height:20px;



	}



	



.main_inner_content p, ul, ol{



	font-size:13px;



	color:#666 !important;



	font-family:'Open Sans', sans-serif;



	line-height:22px;



	}



	



.main_inner_content a{



	font-size:14px;



	color:#0093d0;



	font-family:'Open Sans', sans-serif;



	line-height:22px;



	font-weight:700;



	text-decoration:none;



	}



	



.main_inner_content a:hover{



	color:#0093d0;



	}



	



/*Wall of Greatness Tabs*/







.tabs ul{



	list-style:none;



	padding-left:0px;



	margin-bottom:20px;



	}	



	



.tabs ul li{



	transition:all 0.5sec;



	display:inline-block;



	zoom: 1;



	filter: alpha(opacity=80);



	opacity: 0.8;



	}	



	



.tabs ul li:hover{



	opacity:1;



	filter: alpha(opacity=100);



	}



	



.tabs div{



	min-height:500px;



	}	



	



/*Sidebar*/				



	



#siderbar{



	width: 100%;

	float:right;

}



	



.sidebar_sections{



	width: 100%;



	margin-bottom:20px;



	background:url(images/stripe-back-3.png) #ededed;



	border: solid 1px #ededed;



	-webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);



	-moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);



	box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.1);



	}



	



.sidebar_section_inner{



	padding:10px;



	margin:10px;



	background-color:#FFF;



	}



	



.sidebar_sections ul{



	list-style:none;



	padding:10px;



	}



	



.upcoming_side_title{



	position: relative;



	top: -33px;



	left: 131px;



	}



	



				



	



/*Sticky Bar*/







#sticky_wrap{



	width:65px;



	position:fixed;



	left:0px;



	top:40%;



	z-index:999;



	}



	



#newsletter_signup{



	width:257px;



	background:#b8cd2f;



	padding:20px;



	-webkit-box-shadow: 1px 0px 5px 2px #dadada;



	-moz-box-shadow: 1px 0px 5px 2px #dadada;



	-o-box-shadow: 1px 0px 5px 2px #dadada;



	box-shadow: 1px 0px 5px 2px #dadada;



	border: solid #fff 1px;



	margin: 0 auto;



	}	



	



#newsletter_signup label{



	color:#404040;



	font-size:16px;



	text-transform:uppercase;



	}	



	



/*Event List*/	











#siderbar li.event, .sidebar_sections li.event{



	border-top: dotted 2px #a9a9a9;



	padding:10px 0px;



	/*background:url(images/event-arrow.png) right no-repeat !important;*/



	}



		



li.event:last-child{



	border-top: dotted 2px #a9a9a9;



	border-bottom: dotted 2px #a9a9a9;



	padding:10px 0px;



	}	



	



.event-list .start-date, .event-list .end-date, .event-location, .single-date{



	width:auto !important;



	background-color:#fff !important;



	font-size:15px;



	color:#2A9ACC;



	font-weight:700;



	text-transform:uppercase;



	text-align:left !important;



	}



	



.event-info h3 a{



	width:auto !important;



	background-color:#fff !important;



	font-size:15px;



	color:#3C3C3C;



	font-weight:700;



	text-transform:uppercase;



	text-align:left !important;



	text-decoration:none;



	}



	



.event-info h3 a:hover{



	color:#1E95CE;



	}		



	



.event-date{



	float:none !important;



	margin-bottom:5px !important;



	}	



	



		



.single-day{



	margin:0px !important;



	}



	



.event-list .end-date{



	float:left;



	margin-left:10px !important;



	}



.multi-day{



	margin-left:0px !important;



	}



	



.event-details{



	font-size:13px !important;



	}



.event-info h3{



	text-align:left !important;



	margin:5px 0px !important;



	}







.excerpt-dash { display: none; }				

.sidebar_sections .display-posts-listing ul {

    list-style: disc !important;

}



	



/*Footer*/					



	



#footer{



	max-width:970px;



	margin:50px auto 20px auto;



	border-top: dotted 2px #a9a9a9;



	padding:20px 0px;



	}



	



.footer_left{



	width:650px;



	float:left;



	}	



	



.footer-navs-mid{





	border-right: #b2b3b6 solid 1px;

	border-left: #b2b3b6 solid 1px;

	margin-right:15px;



	}



	



.footer-navs-left{





	}



	



.footer-navs-right{







	}		



			



	



#footer ul{



	list-style:none;



	padding-left:0px;



	}



	



#footer ul li{



	text-transform:uppercase;



	font-size:16px;



	margin:5px 20px;



	}



	



#footer ul li a{



	color:#000;



	font-family:'PT Sans Narrow', sans-serif;



	text-decoration:none;



	}



	



#footer ul li a:hover{



	color:#0093d0;



	}



	



#footer ul li.current_page_item a{



	color:#0093d0;



	}



	



	



li.footer-impact-link a{



	color:#fd770b !important;



	font-weight:700;



	}



	



li.footer-impact-link a:hover{



	color:#0093d0 !important;



	}		



	



.footer_right{



	width:300px;



	float:right;



	}



	



#footer p{



	color:#a9a9a9;



	font-size:11px;



	}		



	



#footer p a{



	color:#000;



	text-decoration:none;



	}	





	



/*FIND US MAP PLUGIN CUSTOM STYLE*/







.results_row_center_column{



	font-size:13px !important;



	}



	



tr.slp_map_search_results span.location_name {



	font-size:14px !important;



	color:#0093d0 !important;



	line-height:20px !important;



	}	



	



.slp_result_contact .slp_result_website a	{



	color:#fd770b !important;



	font-size:13px !important;



	}



	



#sl_info_bubble{



	font-size:12px !important;



	}



	



tr.slp_map_search_results a{



	color:#fd770b !important;



	}



	



#map_sidebar_td	{



	border-bottom: dotted 2px #a9a9a9;



	}



	



#map_table{



	margin-bottom:30px;



	}



	



#addressInput{



	width:150px;



	border:solid 1px #BBB;



	padding:5px;



	height:20px;



	margin-top:5px;



	}



	



#add_in_address{



	float:left;



	width:290px;



	}







#address_search label{



	width:100px !important;



	}



	



#addy_in_radius	{float:left;margin:10px 0px 15px 0px;}







#radius_in_submit{

	clear:both;

	margin: 20px 0px;

	text-align: right;

	padding-left:0px !important;

	}	



	



.slp_ui_button{



	width:115px;



	border: none;



	background:url(images/find-club-btn.png) no-repeat;



	height: 40px;



	color: #fff;



	text-transform: uppercase;



	border-radius: 5px;



	cursor:pointer;



	text-indent:-999px;



	}



	



/*SEARCH FORM*/






.screen-reader-text{



	font-size:11px;



	}



	



#searchsubmit{



	width:35px;



	height:35px;



	border: none;



	background:url(images/search-icon.png) no-repeat;



	color: #fff;



	text-transform: uppercase;



	border-radius: 5px;



	cursor:pointer;



	text-indent:-999px;



	



	}



#s{



	width:150px;



	border:solid 1px #BBB;



	padding:5px;



	height:20px;



	}	



.sidebar_section_inner h1 img {

    width: 100% !important;

}



/*TUBE PRESS PLUGIN*/







.tubepress_sidebar .tubepress_thumb {



	width:170px !important;



	}



	



.tubepress_thumb {



	width:170px !important;



	height:206 !important;



	}		



	



/* Volunteer Form*/







#wpcf7-f534-p40-o1 p{



	width: 225px;



	float:left;



	margin-right:40px;



	}







.vol-input{



	width: 225px;



	border: solid 1px #BBB;



	padding: 5px;



	height: 20px;



	



	}



	



dd.tubepress_meta_title, dd.tubepress_meta_title a, dd.tubepress_meta_title a:hover {



	line-height:18px !important;







	}



	



#wpcf7-f534-p40-o1 select, .wpcf7-select{



	width: 225px;



	



	}



	



.vol-submit{



	width:121px;



	height:40px;



	text-indent:-999px;



	background:url(images/submit-btn.png) no-repeat right;



	}



	



.owl-controls{



	position: relative;



	top: -45px;



	}



	



.entry-title{



	display:none;



	}							



							



.ngg-widget img{



	border:1px solid #dadada !important;



	}



	



.owl-theme .owl-controls{



	margin-top: 0px !important;



	}		







.fa-2x { margin-top: 7px; }





.event img, .home_article_excerpts img { 

	width: 100%; 

	height: auto;

}





.sidebar-title, .article-title { 

	max-width: 305px; 

	height: auto;

}



.home_social_feed {

	height:100%;

	padding:10px;

	overflow: hidden;

}





.hide-for-small {

	display: block;

}



.show-for-small {

	display: none;

}







/********** Mobile view adjustments *****************/







@media screen and (max-width: 1000px) {

.sidebar-title, #siderbar img { 

	max-width: 100%; 

	height: auto;

}



#sidebar_wall .arrow_one,  #sidebar_youth .arrow_one { display: none; }



#s { width:135px;}



}



@media screen and (max-width: 991px) {

.footer_bottom p {

    text-align: center;

}

}



@media screen and (max-width: 950px) {



.home_wall_greatness { display: none; }

.footer_bottom .row { padding: 0 10px 0 10px; }

.nav ul li a { font-size: 16px; }

.nav ul li { margin-right: 18px; }

#s { width: 100px;}

.main_inner_content img.responsive {    

	width: 100%;

    	height: auto;

}

}



@media screen and (max-width: 837px) {

#s { width: 140px;}

}



@media screen and (max-width: 767px) {

.h2, h2 { 

	font-size: 18px;

}

.footer-navs-mid {

    border-left: none;

    border-right: none;

}



.hide-for-small {

	display: none;

}



.show-for-small {

	display: block;

	margin-top: 5px;

}



.navbar-toggle {

	float: left;

	margin-left: 15px;

}



.nav ul li a {

	font-family: 'Open Sans', sans-serif;

	text-transform: none;

	font-size: 13px;

}



.nav ul li a:hover{



	border-bottom: none;

	padding-bottom: 0;

}



.show-for-small .nav ul {

	text-align: left;

	height: auto;

	padding: 0 0;

}



#s { width: 75%;}

.siderbar_bottom_links p { text-align: center; }





}



@media screen and (max-width: 721px) {

#home_title h1 { 

	font-size: 50px;

}

}

@media screen and (max-width: 578px) {
   .ls-v5 .ls-bottom-slidebuttons {
	display: none !important;
   }
}

@media screen and (max-width: 525px) {

.buttons, .socila_links { 

	text-align: center;

}

.logo {

	float: none;

	text-align: center;

}



#s { width: 70%;}



}



@media screen and (max-width: 465px) {

#home_title h1 { font-size: 30px; }

#s { width: 75%;}

}



@media screen and (max-width: 375px) {

.article-title, .footer_bottom img, .logo img { 

	max-width: 100%; 

	height: auto;

}

}