/*  
Theme Name: PlatformBase
Theme URI: http://www.pagelines.com/themes/PlatformPro
Description: Platform Base is a Platform child theme (a WordPress child theme) designed to be edited to customize the PlatformPro WordPress framework. Use custom CSS and PHP hooks to do almost anything. Designed and developed by <a href="http://www.pagelines.com">PageLines</a>.  **IMPORTANT** For this to work PlatformPro must be called 'platformpro' (lowercase) in your themes folder.
Version: 1.4.1
Author: PageLines
Author URI: http://www.pagelines.com
Tags: buddypress, theme-options, white, silver, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, flexible-width, custom-menu, fixed-width, threaded-comments, custom-header, custom-colors, translation-ready

Template: platformpro

/* ======================= */
/* = Get PlatformPro CSS = */
/* ======================= */

/*
 IMPORTANT -  The files below need to find the actual directory of Platform. If the PlatformPro is named something other than 'platformpro' you will need to change that value below.

 ON UPDATING - 	Base shouldn't be replaced in your install with every release. It defeats the purpose of using a child theme.
				Use updates to this Platform Child Theme, as a reference to help you improve your own customizations.
*/

	/* Get Theme-Parent CSS */
	@import url('../platformpro/style.css');

/* ============================= */
/* = HOW TO CUSTOMIZE PLATFORM = */
/* ============================= */

/*

Edit this style sheet to create your own custom theme based on the Base Platform theme. 

Rules placed in this stylesheet will override the default styles of the Base Platform theme and will not be changed or over written when you update the 
Platform framework. Additionally, since this stylesheet is purely for editing purposes you can easily undo or erase some of the CSS to return your site back to the look and feel of the Base theme. 

In the Base theme the footer is black and the CSS looks like this:

	#footer {
		clear:both;
		font-size:1em;
		overflow:hidden;
		text-align: left;
		background: #000;
		color: #999;
		position: relative;
	}
		
To change the background color to white, all you have to do is declare a new rule for the color like so:

		#footer { background: #FFF; }

A great tool for modifying themes and inspecting CSS elements is the FireBug extension for FireFox. You can also use the developer tools provided by Chrome (right-click and "inspect element") or Internet Explorer if you're feeling dangerous.

LEARN CSS - We recommend using Lynda.com video tutorials to learn using CSS. 
			Also, for a comprehensive list of CSS rules and usage try consulting W3 schools @ http://www.w3schools.com/css/default.asp

ON UPDATING - 	Base shouldn't be replaced in your install with every release. It defeats the purpose of using a child theme.
				Use updates to this Platform Child Theme, as a reference to help you improve your own customizations.
*/

/* ============================== */
/* = Start Your Custom CSS Here = */
/* ============================== */
 
/* @ CSS corresponding to the hook used in functions.php; adds a stumbleupon icon to branding section */

.icons .stumbleupon {background: url('../platformpro/images/sprite-socialicons.png') no-repeat -176px 0;}
.icons .stumbleupon:hover {background: url('../platformpro/images/sprite-socialicons.png') no-repeat -176px -22px;}

/* @ Pullquote Section */

#pullquote.copy{
	background: #f7f7f7 url(images/pullquote.png) no-repeat 15px 15px;
	padding: 15px 20px 15px 45px;
	margin-bottom: 1.5em;
}

	#pullquote .thepullquote{font-size: 1.5em;margin-bottom: 5px;line-height: 1.3em;}
	#pullquote .thecitation{color: #AAA; font-style: italic;padding-left: 15px;}
	
	
	
/* COLAB IMG FIX */
img {
	max-width: 100%;
	height: auto;
}
	
/****************************************/
/*                                      */	
/*  Chris's Custom Nav Css 11-7-2013    */
/*                                      */
/****************************************/

body {
	padding-top: 0px;
}
#site {
	overflow: hidden;
}
#page-canvas {
	width: 100% !important;
}
#header {
	height: 140px;
}
#branding .branding_wrap a.mainlogo-link {
	position: absolute;
	top: -5px;
}
#branding .branding_wrap .icons {
	top: 0;
	right: 0;
}
#primary-nav {
	background: #f7f7f7;
	border-bottom: #e9e9e9 solid 1px;
	border-top: #fff solid 1px;
	-webkit-box-shadow: 0px -1px 0px 0px #e9e9e9;
	-moz-box-shadow: 0px -1px 0px 0px #e9e9e9;
	box-shadow: 0px -1px 0px 0px #e9e9e9;
}
#nav_row.main_nav {
	border-bottom: none;
}
#primary-nav ul.main-nav li a {
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	line-height: 64px;
	color: #777777;
	text-transform: none;
	margin: 0 15px;
	padding: 0;
	font-weight: 300;
	position: relative;
	letter-spacing: 1px;
}
.parent-pageid-28 #primary-nav ul.main-nav li.services a:after,
.parent-pageid-38 #primary-nav ul.main-nav li.about a:after,
#primary-nav ul.main-nav li.current-menu-item a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 15px;
	height: 2px;
	background: #b9d332;
	width: 100%;
}
#primary-nav ul.main-nav li a:hover,
#primary-nav ul.main-nav li.current-menu-item a {
	color: #252557;
	background: transparent;
}
#primary-nav .content {
	width: 650px !important;
}

#branding .content-pad {
	padding: 15px 0px 25px 15px;
}
#secondnav .content {
	position: relative;
}
#secondnav ul.secondnav_menu {
	position: absolute;
	top: 0;
	left: 160px;
}
#secondnav ul.secondnav_menu li a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 9px;
	line-height: 18px;
	padding: 10px 0px;
	color: #777777;
	margin: 0 10px;
	display: block;
	letter-spacing: 0.03em;
	position: relative;
}
#secondnav ul.secondnav_menu li a:hover {
	color: #242456;
}
#secondnav ul.secondnav_menu li.current-menu-item a {
	color: #242456;
}
#secondnav ul.secondnav_menu li.current-menu-item a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 7px;
	height: 2px;
	background: #b9d332;
	width: 100%;
}
.menu-social-media-container,
.menu-contact-container {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 99999;
}
#menu-contact {
	position: absolute;
	top: 62px;
	right: 0px;
	z-index: 99;
	list-style: none;
}
#menu-social-media {
	position: absolute;
	top: 7px;
	right: 0;
	list-style: none;
}
#menu-contact li,
#menu-social-media li {
	float: left;
}
#menu-social-media li a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 12px;
	line-height: 28px;
	color: #b2b2b2;
	letter-spacing: 0.03em;
}
#menu-social-media li a:hover {
	color: #7d7d7d;
}
#menu-social-media li.email a,
#menu-social-media li.twitter a,
#menu-social-media li.facebook a,
#menu-social-media li.rss a {
	text-indent: -99999px;
	background: url(images/social.png) no-repeat 0 0;
	display: block;
	height: 25px;
	width: 25px;
	margin: 0 0 0 7px;
}
#menu-social-media li.email a {
	background-position: 0 0;
}
#menu-social-media li.twitter a {
	background-position: -32px 0;
}
#menu-social-media li.facebook a {
	background-position: -63px 0;
}
#menu-social-media li.rss a {
	background-position: -94px 0;
}
#menu-social-media li.email a:hover,
#menu-social-media li.twitter a:hover,
#menu-social-media li.facebook a:hover,
#menu-social-media li.rss a:hover {
	text-indent: -99999px;
	background: url(images/social-hover.png) no-repeat 0 0;
	display: block;
	height: 25px;
	width: 25px;
}
#menu-social-media li.email a:hover {
	background-position: 0 0;
}
#menu-social-media li.twitter a:hover {
	background-position: -32px 0;
}
#menu-social-media li.facebook a:hover {
	background-position: -63px 0;
}
#menu-social-media li.rss a:hover {
	background-position: -94px 0;
}

#menu-contact li a {
	padding: 11px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 12px;
	line-height: 28px;
	color: #242456;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#menu-contact li.volunteer a {
	padding: 11px 17px;
	margin: 0 10px 0 0;
	background: #dedede;
	border-top: 1px #efefef solid;
	border-bottom: 1px #c0c0c0 solid;
	border-left: 1px #c0c0c0 solid;
	border-right: 1px #c0c0c0 solid;
	-webkit-box-shadow: 0px -1px 0px 0px #c0c0c0;
	-moz-box-shadow: 0px -1px 0px 0px #c0c0c0;
	box-shadow: 0px -1px 0px 0px #c0c0c0;
	
}
#menu-contact li.donate a {
	padding: 11px 18px;
	background: #b9d42f;
	border-top: 1px #dcea97 solid;
	border-bottom: 1px #a4be1d solid;
	border-left: 1px #a4be1d solid;
	border-right: 1px #a4be1d solid;
	-webkit-box-shadow: 0px -1px 0px 0px #a4be1d;
	-moz-box-shadow: 0px -1px 0px 0px #a4be1d;
	box-shadow: 0px -1px 0px 0px #a4be1d;
}
#menu-contact li.volunteer a:hover {
	background: #cacaca;
}
#menu-contact li.donate a:hover {
	background: #a7c122;
}
/*
========================
DONATION SECTION STYLES
========================
*/
.donate-wrapper {
	padding: 2em 0 0 15px;
}
.donate-content {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	float: left;
	padding: 0 40px 0 0;
	width: 65%;
}
.donate-content > ul {
	margin: 0 0 30px 15px;
}
.donate-button-container {
	background: #f7f7f7;
	border-top: 1px #ffffff solid;
	border-bottom: 1px #e9e9e9 solid;
	border-left: 1px #e9e9e9 solid;
	border-right: 1px #e9e9e9 solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px -1px 0px 0px #e9e9e9;
	-moz-box-shadow: 0px -1px 0px 0px #e9e9e9;
	box-shadow: 0px -1px 0px 0px #e9e9e9;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	float: right;
	margin: -50px 0 30px 0;
	padding: 20px;
	width: 35%;
}
.donate-button-container .donate-action-link {
	color: #242456;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.8em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	padding: 20px;
	background: #b9d42f;
	border-top: 1px #dcea97 solid;
	border-bottom: 1px #a4be1d solid;
	border-left: 1px #a4be1d solid;
	border-right: 1px #a4be1d solid;
	-webkit-box-shadow: 0px -1px 0px 0px #a4be1d;
	-moz-box-shadow: 0px -1px 0px 0px #a4be1d;
	box-shadow: 0px -1px 0px 0px #a4be1d;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	display: block;
	margin: 0 0 20px;
}
.donate-button-container .donate-action-link:hover {
	background: #a7c122;	
}
.donate-button-container h2 {
	color: #999999;
	text-align: center;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: .1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	margin: 0 0 10px;
}
.donate-button-container ul {
	padding: 0 0 20px;
}
.donate-button-container ul > li {
	list-style-type: none;
	text-align: center;
}
.donate-cta-container {
	padding: 20px 0 200px;
}
.donate-cta-container > a {
	display: block;
}
.donate-cta-container > a:hover .donate-cta {
	border-bottom: 10px solid #a7c122;
}
.donate-cta-container > a:hover .donate-cta h1 {
	color: #a7c122;
}
.donate-cta-container > a:hover .donate-cta p.learn-more {
	color: #fff;
}
.donate-cta {
	background: #252557 url('http://www.fanfreeclinic.org/wp-content/themes/platformbase/images/cta-arrow.png') no-repeat bottom right;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	border-bottom: 10px solid #b9d42f;
	float: left;
	padding: 15px 15px 55px;
	width: 32%;
	min-height: 210px;
	position: relative;
}
.donate-cta.center-cta {
	margin: 0 2%;
}
.donate-cta h1.pagetitle {
	color: #ffffff;
	font-size: 1.8em;
}
.donate-cta p {
	color: #dedede;
	font-family: "Arial", sans-serif;
	font-size: .9em;
	line-height: 1.4;
}
.donate-cta p.learn-more {
	position: absolute;
	text-transform: uppercase;
	bottom: 15px;
	left: 15px;
	color: #b9d42f;
	font-size: .8em;
	letter-spacing: .1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
}