/*
Theme Name:     Organic Non Profit Child
Author:         Jason Hibner
Template:       organic_nonprofit                           
Version:        0.9
*/

@import url('../organic_nonprofit/style.css');

/************************************************
*	2.	Headings  								*
************************************************/
	
h1 {
	color: #333333;
	font-family: 'chaparral-pro', 'chaparral-pro', Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 1;
	letter-spacing: -0.8px;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	}

h2 {
	color: #333333;
	font-size: 2.2em;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal !important;
	line-height: 1.4;
	letter-spacing: -0.6px;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	}


/************************************************
*	CUSTOM								*
************************************************/

.homepage.bottom .ui-tabs .ui-tabs-nav li a {
	font-family: 'chaparral-pro', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: none !important;
	padding: 6px 12px;
	}
	
dt {
    width: 200px;
    float: left;
    clear: left
}
dd {
    float: left;
    width:50%;
}

.article {
	display: block;
	overflow: visible;
	}
	
.postarea {
	padding: 24px 0px 24px 24px;
	overflow: visible;
	}


.flip-box-wrap {
	margin-bottom: -100px !important;
	}


:target {
	background: #dbf0ee;
	-o-transition:3s;
	-ms-transition:3s;
	-moz-transition:3s;
 	 -webkit-transition:3s;
 	 /* ...and now for the proper property */
 	 transition:3s;

}

.engage-logo { 
	background: #FFFFFF;
	max-width: 1200px;
	margin: auto;
	}
	
body .wpb_text_column,
body .wpb_tabs,
body .wpb_tour,
body .wpb_call_to_action,
body .wpb_gmaps_widget,
body .wpb_accordion,
body .wpb_gallery,
body .wpb_separator,
body .wpb_twitter_widget,
body .wpb_flickr_widget,
body .wpb_video_widget,
body .last_toggle_el_margin,
body ul.wpb_thumbnails-fluid > li,
body .wpb_single_image {
  margin-bottom: 5px !important;
}
body .alert,
body .fb_like,
body .twitter-share-button,
body .wpb_googleplus,
body .wpb_pinterest,
body .wpb_button,
body .wpb_tab .wpb_content_element,
body .wpb_accordion .wpb_content_element,
body .wpb_toggle_content {
  margin-bottom: 5px !important;
}
body .vc_text_separator {
  margin-bottom: 5px !important;
}

/************************************************
*	0.	Global									*
************************************************/

/* Fixes PDF embed height*/
embed {
	height: 700px;
	max-width: 100%;
	}

/************************************************
*	2.	Headings  								*
************************************************/

.fellowbookname {
	font-size: 1.4em;
	font-style: none;
	line-height: 1.1;
	text-transform: ;
	letter-spacing: ;
	margin-top: 0px;
	margin-bottom: 2px;
	padding-top: 0px;
	}

.title {
	font-size: 1.6em;
	text-transform: none;
	letter-spacing: -0.6px;
	line-height: 1.2;
	margin-top: 0px;
	padding-top: 0px;
	}
		
/************************************************
*	3.	Header  								*
************************************************/


#header {
	margin: 0px;
	padding: 0px;
	position: relative;
	}
#header #masthead {
	display: block;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 0px;
	}
#header .site-title {
	display: block;
	font-family: 'Oswald', Helvetica, Arial, sans-serif;
	font-size: 3.2em;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0px;
	line-height: 1.2;
	padding: 0px;
	margin: 0px;
	}
#header .site-description {
	display: block;
	color: #666666;
	font-family: 'chaparral-pro', Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	text-transform: none;
	line-height: 1.8;
	overflow: hidden;
	}
#custom-header {
	display: block;
	margin-bottom: -50px;
	padding: 0px;
	font-size: 0;
	text-indent: -999em;
	line-height: 0;
	overflow: hidden;
	z-index: 8;
	}
	
#custom-header {
	display: block;
	margin-bottom: 0px;
	padding: 0px;
	font-size: 0;
	text-indent: -999em;
	line-height: 0;
	overflow: hidden;
	z-index: 8;
	}

/************************************************
*	4.	Navigation 								*
************************************************/

#navigation {
	float: left;
	background: #99CC00;
	color: #666666;
	position: relative;
	width: 100%;
	height: auto;
	top: 0px;
	font-size: 1em;
	font-family: futura-pt, Helvetica, sans-serif;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	z-index: 999;
	overflow:visible !important;
	}
#navigation-mobile {
	display: none;
	font-family: 'chaparral-pro', Helvetica, sans-serif;
	}
	
.corner-left {
	width: 0px; 
	height: 0px;
	position: absolute;
	left: 0px;
	top: -10px;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent; 
	border-right: 0px solid #222222;
	}
.corner-right {
	width: 0px; 
	height: 0px;
	position: absolute;
	right: 0px;
	top: -10px;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent; 
	border-left: 0px solid #222222;
	}
	
/************************************************
*	5. Featured Slideshow					    *
************************************************/

#slideshow {
	max-height: 380px;
	max-width: 700px;
	}

#slideshow .information {
	color: #ffffff;
	position: relative;
	z-index: 8;
	font-size: 1.6em;
	font-family: 'chaparral-pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.6px;
	margin: 4px 0px 4px 0px;
	padding: 4px 0px 4px 0px;
	}
	
/************************************************
*	7.	Content 					     	    * 
************************************************/
	
.postarea {
	padding: 24px 24px 24px 24px;
	overflow: visible!important;
	}
	
.fb-outline {
position: relative;
float: left;
padding: 0;
border: 1px solid #efefef;
margin: 0 30px 30px 0;
background: #fff;
width: 98%;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 	
}	

.fb-excerpt {
	
margin: 20px;

}
	
#fellowbookprofile {
position: relative;
float: left;
padding: 0;
border: 1px solid #efefef;
margin: 0 30px 30px 0;
background: #dbf0ee;
width: 98%;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 	
}

.fellowbookprofile-interior {
	
margin: 20px;

}

	
.blog-holder {
position: relative;
float: left;
padding: 0;
border: 1px solid #efefef;
margin: 0 30px 30px 0;
background: #fff;
width: 98%;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; 	
}

.blog-holder-interior {
	
margin: 20px;

}
	


/************************************************
*	8.	Social Media   							*
************************************************/

.social {
	display: inline-block;
	width: 100%;
	height: 24px;
	margin: 3px 0px 6px 0px;
	padding: 8px 0px;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	}
.tweet-btn, .like-btn, .pin-btn, .plus-btn {
	float: left;
	display: inline-block;
	height: 25px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
.tweet-btn {
	margin: 4px;
	width: 90px;
	}
.like-btn {
	width: 90px;
	padding: 0px 0px 10px 0px !important ;
	}
.plus-btn {
	width: 72px;
	}
.pin-btn {
	width: 54px;
	}
.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr {
	display: none !important;
	}
	
/************************************************
*	9.	Pagination 	  		      		     	* 
************************************************/

.pagination {
	display: none !important;
	float: left;
	display: block;
	width: 100%;
	font-family: 'chaparral-pro', Arial, Helvetica, sans-serif; 
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	margin: 0px;
	padding: 12px 0px;
	position: relative;
	z-index: 9;
	}
/************************************************
*	Homepage 					     		    * 
************************************************/

.widget {
	margin-bottom: 24px;
	padding: 0px;
	overflow: hidden;
	}
.widget ul, .widget li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
.widget ul li {
	display: block;
	}
.widget ul li a {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #DDDDDD;
	}
.widget ul li ul li a {
	text-indent: 10px;
	}


#bannerwidget {
	background: #FFFFFF;	
	float: left;
	display: block;
	width: 100%;
	height: 100%;
	max-height: 380px;
	margin:  0px 0px 24px 0px;
	padding: 0px 0px 0px 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	}
#bannerwidget .widget {
	float: left;
	display: block;
	width: 95%;
	margin: 15px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	}
	
#bannerwidget .widget .fellowbookwindow {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border-bottom: 1px solid #DDDDDD;
	line-height: 1.8 !important;
	}

	
#bannerwidget .widget .fellowbookwindow a:link, #bannerwidget .widget .fellowbookwindow a:visited {
	color: #110867;
	font-size: 15px;
	text-decoration: none;
	}
	
#bannerwidget .widget .fellowbookwindow a:hover {
	color: #4ABAB7;
	}

.homepage {
	display: inline-block;
	position: relative;
	width: 100%;
	margin-bottom: 24px;
	padding: 0px;
	}
.homepage.top {
	background: #FFFFFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
	}
.homepage.top .holder.one-third {
	float: left;
	width: 33.33%;
	margin: 0px;
	}
.homepage.top .feature-img {
	margin: 12px 12px 0px 12px;
	overflow: hidden;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	}
.homepage.top .information {
	margin-left: -1px;
	padding: 0px;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	overflow: hidden;
	}
.homepage.top .holder.first .information {
	margin-left: 0px;
	border-left: none;
	}
.homepage.top .holder.last .information {
	border-right: none;
	}
.homepage.top .text-holder {
	padding: 24px;
	}
.homepage.top .organic-btn,
.homepage.top .organic-btn span.btn-holder {
	display: none;
	margin-bottom: 0px;
	}
	
/************************************************
*	19.	Footer  								*
************************************************/

#footer {
	background: #121212;
	margin: 0px auto 0px;
	padding: 24px 0px;
	}
#footer p {
	margin: 0px;
	padding: 0px;
	}
.footer.left {
	float: left;
	color: #c9bfbf;
	font-size: 0.9em;
	line-height: 1.8;
	}
.footer.right {
	float: right;
	}

/************************************************
*	24.	Grid	 					     	    * 
************************************************/

#wrap {
	padding: 0px 12px;
	}
.container { 
	background: #FFFFFF;
	position: relative;
	max-width: 1200px;
	margin: 0px auto 36px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .08);
	}
.container.home {
	background: none;
	z-index: 1;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
.row { 
	width: 100%; 
	max-width: 1200px; 
	min-width: 727px; 
	margin: 0 auto; 
	}
	/* To fix the grid into a certain size, set max-width to width */
.row .row { 
	min-width: 0; 
	}
.column, .columns { 
	margin-left: 1%; 
	float: left; 
	min-height: 1px; 
	position: relative; 
	}
.column:first-child, .columns:first-child { 
	margin-left: 0; 
	}
[class*="column"] + [class*="column"]:last-child { 
	float: right; 
	}

.row .one 		{ width: 4.3%; }
.row .two 		{ width: 13%; }
.row .three 	{ width: 21.679%; }
.row .four 		{ width: 30.37%; }
.row .five 		{ width: 42.0%; }
.row .six 		{ width: 47.8%; }
.row .seven 	{ width: 56.5%; }
.row .eight 	{ width: 65.2%; }
.row .nine 		{ width: 73.9%; }
.row .ten 		{ width: 82.6%; }
.row .eleven 	{ width: 91.3%; }
.row .twelve 	{ width: 100%; }

.current-cat {
		font-weight: bold;
	}

	div::-webkit-scrollbar {
		/* set the width of the scroll bar */
		width: 7px;
	}
	
	div::-webkit-scrollbar-track {
	  margin: 2px;
	  /* set the style/colour of the scroll bar background */
		background: 
		-webkit-gradient(
			linear, 
			0 0, 
			100% 0, 
			from(rgba(0,0,0,0.2)), 
			to(rgba(0,0,0,0.12))
		);
		-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.35);
		-webkit-border-radius: 5px;
	}
 
	div::-webkit-scrollbar-thumb {
		/* this is the acutal scrooll bar, set the colours here to match your site */
		/* I have used grey's (#464646 & #383838 & #cccccc) */
		background: rgba(0,0,0,.5);
			-webkit-border-radius: 6px;
			-webkit-background-clip: padding-box;
		}
		
/************************************************
*	CUSTOM Ajax Fellow Search							*
************************************************/

#codenegar_ajax_search_form {
    position: relative !important;
    margin-top: 10px !important;
    
}

.ajax_autosuggest_input {
font-family: "soleil", Gadget, sans-serif !important;
font-size: 14px !important;



}

.searchheading {
font-family: "soleil", Gadget, sans-serif !important;
font-weight: normal !important;
padding-top: 18px !important;

}

.ajax_autosuggest_suggestions li {
font-size: 14px !important;
line-height: 16px !important;
	
}