/*
Theme Name: Donate Life California 2013
Theme URI: http://donatelifecalifornia.org
Description: The 2013 Wordpress 3.5+ theme for Donate Life California. HTML5, CSS3, Jquery. Multiple page templates - makes use of Advanced Custom Fields plugin.
Author: Kymera
Author URI: http://kymerastudio.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: donatelifeca
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

img {
	max-width:100%;
	height:auto;
}
*, *:after, *:before {
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.inner {
	width:1032px;
	max-width:100%;
	margin:0px auto;
}
.center {
	text-align:center;
}
.inner:after {
	content: "";
  	display: table;
  	clear: both;
}
/* =Fonts
-------------------------------------------------------------- */
html {
	-webkit-font-smoothing: antialiased;
}
@font-face {
    font-family: 'Oswald';
    src: url('inc/fonts/Oswald-Light-webfont.eot');
    src: url('inc/fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/Oswald-Light-webfont.woff') format('woff'),
         url('inc/fonts/Oswald-Light-webfont.ttf') format('truetype'),
         url('inc/fonts/Oswald-Light-webfont.svg#OswaldLight') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('inc/fonts/Oswald-Regular-webfont.eot');
    src: url('inc/fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/Oswald-Regular-webfont.woff') format('woff'),
         url('inc/fonts/Oswald-Regular-webfont.ttf') format('truetype'),
         url('inc/fonts/Oswald-Regular-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('inc/fonts/Oswald-Bold-webfont.eot');
    src: url('inc/fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/Oswald-Bold-webfont.woff') format('woff'),
         url('inc/fonts/Oswald-Bold-webfont.ttf') format('truetype'),
         url('inc/fonts/Oswald-Bold-webfont.svg#OswaldBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Quicksand';
    src: url('inc/fonts/Quicksand_Book-webfont.eot');
    src: url('inc/fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/Quicksand_Book-webfont.woff') format('woff'),
         url('inc/fonts/Quicksand_Book-webfont.ttf') format('truetype'),
         url('inc/fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Quicksand';
    src: url('inc/fonts/Quicksand_Bold-webfont.eot');
    src: url('inc/fonts/Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/Quicksand_Bold-webfont.woff') format('woff'),
         url('inc/fonts/Quicksand_Bold-webfont.ttf') format('truetype'),
         url('inc/fonts/Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
body,
input,
textarea,
.pingback a.url {
	font-family: Georgia, "Bitstream Charter", serif;
}
input[type=submit] {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
h2, h3 {
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
h4, h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
/* =Structure & Layout
-------------------------------------------------------------- */
/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/
#container {
}
#content {
	float:left;
	width:720px;
	max-width:100%;
}
#primary,
#secondary {
	float: right;
	overflow: hidden;
	width: 190px;
}
#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}
/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/
.one-column {	
	border-top:1px solid white;
}
.home .one-column {
	border:0px;
}
.one-column #content {
	margin: 0 auto;
	width:100%;	
}
.pull-up {
	margin-top:-40px;
}
/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/
.single-attachment #content {
	margin: 0 auto;
	width: 1004px;
	max-width:100%;
}
/* The main theme structure */
#access .menu-header,
div.menu,
#colophon,
#branding,
.inner,
#header,
#footer {
	margin: 0 auto;
	width: 1050px;
	max-width:100%;
}
#footer {
	overflow:hidden;
}
.wrapper {
	background: #fff;
	position:relative;
}
.narrow {
	margin:0px auto;
	width:748px;
	max-width:100%;
	padding:72px 0px;
}
.narrow p {
	text-align:justify;
}
.pattern {
	background:url('images/bg-grey.png');
	width:100%;
	min-height:100px;
}
.step {
	width:774px;
	max-width:100%;
	margin:0px auto 9px auto;
	padding:0px 0px 90px 0px;
	text-align:center;
}
.step p {
	width:540px;
	max-width:100%;
	display:inline-block;  
	
}
.grey, .gray {
	background:#222222;
	min-height:100px;
}
/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 700px;
	max-width:100%;
}
#site-generator {
	float: right;
	width: 220px;
}
/* =Global Elements
-------------------------------------------------------------- */
/* Main global 'theme' and typographic styles */
body {
	background: #ffffff;
}
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
hr {
	background-color: #e7e7e7;
	border: 0;
	clear: both;
	height: 1px;
	margin-bottom: 18px;
}
/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style:disc;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style: upper-alpha;
}
ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	overflow: auto;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #ffffff;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding: 6px;
	font-size:16px;
	font-style:italic;
	color:#666666;
}
hr {
	color: #00407e0;
	background-color: #f00407e;
	height: 1px;
	margin:24px 0px;
}
a:link {
	color:#eb594d;
	text-decoration:none;
}
a:visited {
	color:#eb594d;
}
a:active,
a:hover {
	color: #97c1e7;
}
a:active, a:focus {
	outline:0px;
}
/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}
.clear:after {	
	content: "";
    display: table;
    clear: both;
}
.hidden {
	display:none;
}
/* Scroller
------------------------------------------------------------- */
.scrollup{
			width:40px;
			height:40px;			
			text-indent:-9999px;
			opacity:0.3;
			position:fixed;
			bottom:50px;
			right:100px;
			display:none;			
			background: url('images/icon_top.png') no-repeat;
		}
/* =Header
-------------------------------------------------------------- */

a.mobile-reg {
	display:none;
}
#header {
	height:186px;
	position:relative;
	overflow:visible;
    width:90%;
	
}
.header-wrapper {
	background:url(images/bg-header.png) top left repeat-x;
	position:relative;
	z-index:30;
	overflow:visible;
}
#logo {
	width:174px;
	height:auto;
	position:absolute;
	display:block;
	top:0px;
	left:0px;
	margin-left:-7px;
}
#header-top {
	height:39px;
	line-height:39px;
	float:right;
	position:relative;
	width:100%;
	padding-left:140px;
	max-width:100%;
	
}
#header-top #reg-number {
	display:inline-block;
}
#header-top #reg-count {
	display:inline-block;
}
#header-top strong {
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#95bfe5;
	padding:2px 0px 0px 28px;
	display:inline-block;
}
#header-top strong .reg-total {
	font-size:21px;
	display:inline-block;
}
#header-top strong .reg-date {
	font-size:11px;
	color:#8d8d8d;
	display:inline-block;
}
.top-btns {
	float:right;
	display:inline-block;
	position:relative;
	overflow:visible;
	z-index:1000;
}
.top-btns a {
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#97c2e7;
	font-size:16px;
	display:inline-block;
	line-height:39px;
	height:39px;
	background:#00407e;
	text-decoration:none;
	margin:0px 0px 0px 2px;
	padding:0pc 18px;
	letter-spacing:1px;
}
.top-btns a:hover {
	background:#97c2e7;
	color:#00407e;
}
#searchbutton {
	display:inline-block;
	width:39px;
	height:39px;
	background:url(images/btn-searchicon.png);
	text-indent:80px;
	border:0px;
	cursor:pointer;
	padding:0px;
}
#searchbutton:hover {
	background-position: 0px -39px;
}
#searchbox {
	position:absolute;
	top:39px;
	left:0px;
	height:36px;
	width:280px;
	background:#323232;
	display:none;
	padding:10px;
}
#searchbox form {
	height:36px;
	overflow:hidden;
}
#searchbox #s {
	width:270px;
	padding:8px 4px 8px 12px;
	border:0px;
	font-style:italic;
	color:#666;
	margin:0px;
	display:inline;
	font-size:14px;
}
/* =Menu
-------------------------------------------------------------- */
#access {
	display: inline-block;
	float: right;
	margin: 0px;
	width: 100%;
	position:relative;
	height:63px;
	text-align:right;
}
#access .menu-header,
div.menu {
	display:inline-block;
	font-size: 13px;
	margin-left: 12px;
	width: auto;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
	text-align:left;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#access a {
	color: #ffffff;
	display: block;
	line-height: 65px;
	padding: 0 14px;
	text-decoration: none;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: normal;
	height:63px;
	font-size:16px;
	letter-spacing: 2px;
}
#access ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 63px;
	left: 0;
	float: left;
	width: 208px;
	z-index: 99999;
	background: #333;
	padding-bottom:8px;
}
#access ul ul li {
	min-width: 180px;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #333;
	line-height: 20px;
	padding: 10px 10px 10px 18px;
	width: 180px;
	height: auto;
	text-transform:none;
	font-size:15px;
}
#access ul ul a:hover {
	color:#97c1e7;
}
#access li:hover > a {
	background: #333;
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {
	color: #fff;
}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
	color: #fff;
}
.submenu {
	background:url(images/bg-submenu-main.png) center 0px;
	height:48px;
	text-align:center;
	
}
.submenu ul {
	list-style:none;
	margin:0px auto;
	padding:0px;
	text-align:center;
	height:48px;
}
.submenu li {
	display:inline-block;
	height:38px;
	overflow:visible;
	border-left:1px solid #555555;
	margin:0px;
	margin-right: -4px;
}
.submenu li:first-child {
	border-left:0px;
}
.submenu a {
	color: #ffffff;
	display: block;
	line-height: 38px;
	padding: 0 14px;
	text-decoration: none;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight: 100;
	height:48px;
	font-size:18px;
	letter-spacing: 1px;
	background:url(images/bg-submenu.png) center 0px;
}
.submenu a:hover {
	background-position: center -48px;
}
#menu-item-419 a {
	background-position: center -48px;
}

/* -------------------------------- Mobile Nav ------------------------------- */


.nav {
	background-color:#222;
	display: none;
	position:fixed;
	top:0px;
	height:100vh;
	overflow-y:scroll;
	right:-100%;
	z-index:1000;
	width:50%;
	padding:103px 30px 40px 30px;
	text-align:right;
	transition:right .4s ease 0s;
}
.nav.active {
	right:0px;
}
.nav ul {
	list-style:none;
	text-align:right;
	margin:0px;
}
.nav ul ul {
	margin-top:20px;
	margin-left:30px;
}
ul.sub-menu {
	margin-bottom:12px;
}
.nav li {
	font-size:22px;
	letter-spacing:1px;
	text-align:left;
	line-height:1.3em;
	margin-bottom:18px;
	font-weight:300;
	text-transform:uppercase;
}
.nav li li {
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	font-size:16px;
}

.nav li a {
	color:#fff;
	font-family:"Oswald", Arial, Helvetica, sans-serif;
	transition:all .3s ease 0s;
	font-weight:normal;
}
.nav ul ul li a {
	
}
.nav li a:hover {
	color:#fff;
}


#nav-button {
	text-align:center;
	width:60px;
	position:absolute;
	right:15px;
	top:0px;
	display:none;
	cursor:pointer;
	z-index:1050;
	transition:all .3s ease 0s;
}
#nav-button.active {
	position:fixed;
	top:80px;
}
.nav-label {
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:bold;
	opacity:1;
	color:#fff;
	font-family:"Oswald", Arial, Helvetica, sans-serif;
}
.nav #searchbox {
	position:relative;
	top:0px;
	left:0px;
	height:auto;
	width:100%;
	background:#323232;
	display:block;
	padding:10px;
	float:none;
	marign-top:20px;
}
.nav #searchbox form {
	height:auto;
}
.nav #searchbox #s {
	width:100%;
}
.nav .top-btns a {
	display:block;
	width:100%;
	font-size:16px;
	margin-bottom:12px;
}
.nav .top-btns {
	float:none;
	display:block;
	text-align:center;
}
/* =============================================================================
  MENU TOGGLE SWITCHES
============================================================================= */
/**
 * Toggle Switch Globals
 *
 * All switches should take on the class `cmn-toggle-switch` as well as their
 * variant that will give them unique properties. This class is an overview
 * class that acts as a reset for all versions of the icon.
 */
.cmn-toggle-switch {
  display: block;
  background:none;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 60px;
  height: 60px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

.cmn-toggle-switch:focus {
  outline: none;
}

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 30px;
  left: 10px;
  right: 10px;
  height: 2px;
  background: #fff;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  content: "";
}
#nav-button.white .cmn-toggle-switch span,
#nav-button.white .cmn-toggle-switch span::before,
#nav-button.white .cmn-toggle-switch span::after {
	background:#fff;
}
#nav-button.white .cmn-toggle-switch__htx.active span {
	background:none;
}

.cmn-toggle-switch span::before {
  top: -11px;
}

.cmn-toggle-switch span::after {
  bottom: -11px;
}
.active .cmn-toggle-switch {
}
.active .cmn-toggle-switch span::before,
.active .cmn-toggle-switch span::after {
	background-color:#fff;
	height:2px;
}
.active .cmn-toggle-switch span {
}
.active span.nav-label {
	opacity:0;
}


/**
 * Style 2
 * 
 * Hamburger to "x" (htx). Takes on a hamburger shape, bars slide
 * down to center and transform into an "x".
 */

.cmn-toggle-switch__htx span {
  -webkit-transition: all .1s ease 0s;
          transition: all .1s ease 0s;
}

.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0;
          transition-delay: 0.3s, 0;
}

.cmn-toggle-switch__htx span::before {
  -webkit-transition-property: top, -webkit-transform;
          transition-property: top, transform;
}

.cmn-toggle-switch__htx span::after {
  -webkit-transition-property: bottom, -webkit-transform;
          transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.cmn-toggle-switch__htx.active {
}

.cmn-toggle-switch__htx.active span {
  background: none;
}

.cmn-toggle-switch__htx.active span::before {
  top: 0px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
		  
}

.cmn-toggle-switch__htx.active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
		  
}

.cmn-toggle-switch__htx.active span::before,
.cmn-toggle-switch__htx.active span::after {
  -webkit-transition-delay: 0, 0.3s;
          transition-delay: 0, 0.3s;
}


/* ------------------------------ DONOR DAY SPLASH PAGE ---------------------------- */
.page-template-page-donor-day-splash .header-wrapper {
	display:none;
}
.page-template-page-donor-day-splash .page {
	display:none;
}
.page-template-page-donor-day-splash .btn-signup-big {
	display:none;
}
.page-template-page-donor-day-splash .scrollup + p {
	display:none;
}
.page-template-page-donor-day-splash .footer-wrapper {
	display:none;
}
.page-template-page-donor-day-splash #main {
	padding-bottom:0px;
}
#splash-top-banner {
	display:block;
	position:relative;
}
#splash-top-banner a.splash-top-home-btn {
	position:absolute;
	font-family:'Quicksand',sans-serif;
	font-weight:bold;
	background:#fff;
	bottom:initial;
	right:0px;
	display:inline-block;
	z-index:3;
	color:#f385b7;
	font-size:16px;
	padding:6px;
}
.splash-top-banner {
	display:block;
	position:relative;
	z-index:1;
	width:100%;
	max-width:100%;
	height:auto;
}
.splash-signup {
	display:block;
	width:317px;
	max-width:100%;
	height:285px;
	text-indent:-9999em;
	background:rgba(255,255,255,1) url(images/btn-signup-sm.png) 0px 0px no-repeat;
	vertical-align:top;
	cursor:pointer;
	margin:-134px auto 0px auto;
	position:relative;
	z-index:5;
	border-radius:50%;
}
.splash-signup.btm-signup {
	margin:30px auto;
}
.splash-signup:hover {
	background-position:0px -285px;
}
#splash-top {
	width:900px;
	max-width:100%;
	margin:30px auto 30px auto;
}
#splash-top h2 {
	font-size:36px;
	margin-bottom:34px;
}
#splash-top p {
	text-align:center;
	font-size:20px;
}
#content h2.splash-second-title {
}
	
a.splash-home-btn {
	display:block;
	width:100%;
	background: #222222 none repeat scroll 0 0;
    margin-bottom: 0;
    padding: 30px 0;
	cursor:pointer;
    text-align: center;
	font-family: "Quicksand", Helvetica, Arial, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#fff;
}
a.splash-home-btn:hover {
	background:#00407e;
}
#fast-facts.splash-facts {
	padding:0px 57px;
	height:auto;
	background-position:center center;
}
#fast-facts.splash-facts p {
	display:block;
	margin-bottom:12px;
}
#fast-facts.splash-facts #fact {
	display:inline-block;
	float:none;
	height:auto;
	padding:0px 20px 0px 20px;
	vertical-align:middle;
}
#fast-facts.splash-facts h2,
#fast-facts.splash-facts a {
	float:none;
	display:inline-block;
	vertical-align:middle;
	margin:0px;
}
.splash-partner-logos {
	text-align:center;
	margin:0px 40px;
}
.splash-logo-image {
	display:inline-block;
	max-width:156px;
	height:auto;
	vertical-align:middle;
	margin:20px;
}
#splash-stories {
	margin:40px 0px;
}
#content #splash-stories h2 {
	font-size:40px;
	line-height:1.1em;
	margin-bottom:30px;
}
.splash-story {
	margin-bottom:40px;
}
.splash-story-image {
	width:150px;
	display:inline-block;
	vertical-align:middle;
	height:auto;
	border-radius:50%;
}
.splash-story-content {
	display:inline-block;
	vertical-align:middle;
	width:calc(100% - 155px);
	padding-left:40px;
	font-size:20px;
}
.splash-ceo-message {
	margin:40px 0px;
	width:100%;
	padding:40px 0px;
	background:#222;
}
.splash-ceo-message p {
	color:#fff;
	font-size:20px;
	line-height:1.3em;
}
.splash-ceo-message p:last-child {
	margin:0px !important;
}
/* Home Page
------------------------------------------------------------- */
.page-template-page-home-php .main-wrapper {
	margin-top:-84px;
}
.page-template-page-home-php h1 {
	display:none;
}
.page-template-page-home-php .btn-signup-sm {
	margin:0px 27px;
}
#fast-facts {
	width:1004px;
	height:117px;
	max-width:100%;
	margin: 61px auto;
	background:url(images/bg-fastfacts.png) 0px 0px no-repeat;
}
#fast-facts #fact {
	width:calc(100% - 300px);
	height:117px;
	padding-right:55px;
	display:table;
	float:right;
}
#fast-facts h2 {
	display:block;
	float:left;
	width:189px;
	height:117px;
	text-indent:-9999em;
	background:url(images/fast-facts.png) 0px 0px no-repeat;
	margin-left:70px;
}
#fast-facts h2:hover {
	background-position: 0px -117px;
}
#fast-facts p {
	font-style:italic;
	font-size:20px;
	line-height:31px;
	color:#313131;
	display:table-cell;
  vertical-align: middle; 
	margin:0px; 
}
#content .get-involved {
	width:1004px;
	max-width:100%;
	height:57px;
	background:url(images/bg-get-involved.png) top left no-repeat;
	text-align:center;
	line-height:52px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	color:#313131;
	font-size:28px;
	letter-spacing:1px;
	position:relative;
}
.our-mission {
	display:inline-block;
	vertical-align:top;
	width:309px;
	height:285px;
	padding:0px 17px;
}
.btn-signup-sm {
	display:inline-block;
	vertical-align:top;
	width:317px;
	height:285px;
	text-indent:-9999em;
	background:url(images/btn-signup-sm.png) 0px 0px no-repeat;
	background-position:top center;
	background-size:cover;
	vertical-align:top;
}
.btn-signup-sm:hover {
	background-position: bottom center;
}
.give-today {
	display:inline-block;
	vertical-align:top;
	width:285px;
	height:285px;
	padding: 0px 17px;
}
.home-div {
	text-align:center;
}
#content .home-div h3 {
	font-family: "Quicksand", Helvetica, Arial, sans-serif;
	color:#00407e;
	font-weight:bold;
	text-transform:uppercase;
	font-size:60px;
	line-height:57px;
	padding-top:14px;
	letter-spacing:-2px;
}
.home .entry-content {
	padding-bottom:40px;
}
	
/* =Content
-------------------------------------------------------------- */
#main {
	clear: both;
	overflow: visible;	
	background:url(images/bg-main.png) top center no-repeat;
	padding: 0px 0px 58px;
}
#content {
	margin-bottom: 36px;
}
#content,
#content input,
#content textarea {
	color: #333;
	font-size: 16px;
	line-height: 24px;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	margin-bottom: 24px;
}
#content li {
	margin-bottom:12px;
}
#content p {
	letter-spacing:1px;
}
#content .grey p, #content .gray p, #content .pattern p,
#content .grey, #content .gray, #content .pattern {
	color:#ffffff;
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content pre,
#content kbd,
#content tt,
#content var {
	font-size: 15px;
	line-height: 21px;
}
#content code {
	font-size: 13px;
}
#content dt,
#content th {
	color: #000;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 20px 0;
	letter-spacing:1px;
}
#content table h5 {
	margin-bottom:0px;
}
#content h2 {
	color:#eb594d;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:28px;
	line-height:37px;
	text-align:center;
	font-weight:normal;
}
#content h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-size:22px;
	color:#000000;
}
#content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
#content tr th,
#content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
#content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 12px;
	vertical-align:middle;
}
#content tr.odd td {
	background: #f2f7fc;
}
.hentry {
	margin: 0px;
}
.home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.single .hentry {
	margin: 0 0 36px 0;
}
#content .page-title {
	color: #eb594d;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
	font-family:"Quicksand", Helvetica, Arial, sans-serif;
	padding-left:142px;
	text-transform:uppercase;
}
.page-title a:link,
.page-title a:visited {
	color: #888;
	text-decoration: none;
}
.page-title a:active,
.page-title a:hover {
	color: #ff4b33;
}
#content .entry-title {
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	color: #00407e;
	font-size: 60px;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing:0px;
	margin-bottom: 0;
	text-align:center;
	border-bottom:6px solid #00407e;
	text-transform:uppercase;
	margin-top:72px;
	margin-bottom:66px;
	width:1004px;
	max-width:100%;
}
.one-column #content .entry-title {
	margin:0px auto 66px auto;
	padding:72px 0px 12px 0px;
}
.entry-title a:link,
.entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.entry-title a:active,
.entry-title a:hover {
	color: #ff4b33;
}
.entry-meta {
	color: #888;
	font-size: 12px;
}
.entry-meta abbr,
.entry-utility abbr {
	border: none;
}
.entry-meta abbr:hover,
.entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.entry-content,
.entry-summary {
	clear: both;
	margin:0px auto;
}
#content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.entry-content input {
	margin: 0px;
}
.entry-content input.file,
.entry-content input.button {
	margin-right: 24px;
}
.entry-content label {
	color: #222;
	font-size: 16px;
	font-weight:bold;
	clear: both;
    display: block;
    font-weight: bold;
    line-height: 1.3em;
    margin: 10px 0 4px;
}
.entry-content label.gfield_consent_label {
	padding-left:10px;
	display:inline-block;
}
.entry-content select {
	margin: 0 0 24px 0;
}
.entry-content sup,
.entry-content sub {
	font-size: 10px;
}
.entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}
body.page .edit-link {
	clear: both;
	display: block;
}
#entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
#entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
#entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
#entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.entry-utility {
	clear: both;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.entry-meta a,
.entry-utility a {
	color: #888;
}
.entry-meta a:hover,
.entry-utility a:hover {
	color: #ff4b33;
}
#content .video-player {
	padding: 0;
}
.post {
	padding-bottom:24px;
}
.postmeta {
	float:left;
	width:90px;
	padding-top:12px;
}
.post-content {
	float:right;
	width:580px;
	max-width:100%;
}
#content .post-title {
	font-family:"Quicksand", Helvetica, Arial, sans-serif;
	font-size:36px;
	line-height:40px;
	font-style:normal;
	font-weight:normal;
	text-transform:none;
	text-align:left;
	color:#00407e;
}
#content .post-title a {
	color:#00407e;
}
#content .post-title a:hover {
	color:#97c1e7;
}
.st {
	display:block;
	margin-bottom:18px;
}
p.metalinks {
	line-height:16px;
	font-size:12px;
}
p.metalinks a {
	font-family:"Quicksand", Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
	display:block;
	padding-top:8px;
}
.the-date {
	font-family:"Quicksand", Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	font-size:18px;
}
.blogImage {
	margin-bottom:82px;
}
/* Special Page Content
-------------------------------------------------------------- */
p:empty { display: none } 
 
 /* --------------------------------------------------- Event Calendar Page ----------------------------------------------------*/
 
.page-template-page-events .grey {
	padding:40px;
}
.page-template-page-events .pattern {
	padding:40px 0px;
	margin-bottom:40px;
}
div.event {
	display:block;
	vertical-align:top;
	float:none;
	width:100%;
	margin-bottom:50px;
	text-align:center;
	padding:0px;
}
.event-content {
	text-align:left;
	display:inline-block;
	vertical-align:middle;
	width:calc(100% - 310px);
	padding-right:40px;
}
.event-image {
	border-radius:50%;
	display:inline-block;
	vertical-align:middle;
	width:auto;
	max-width:150px;
	height:auto;
}
#content .event-content h2 {
	text-align:left;
	font-size:26px;
	margin:0px;
	line-height:1.2em;
}
#content .event-content h3 {
	color:#e1e1e1;
	font-size:17px;
	font-weight:normal;
	margin:0px;
}
.event-info {
	margin-top:20px;
}
/* -------------------------------------------------- End Event Calendar Page ---------------------------------------------------- */
/* One Column, Blank, No Sidebar ---- */
.page-template-onecolumn-page-php .entry-content, .single-stories_of_hope .entry-content, .single-ecampaign .entry-content, .page-template-page-faqs-php .inner {
	margin:0px auto;
	width:auto;
	max-width:840px;
}
/* End One Column, Blank, No Sidebar ---- */
.toggle-view {
    list-style:none;  
    margin:0;
    padding:0;
    width:100%;
}
 
    #content .toggle-view li {
        margin:10px 0px;
        border-bottom:1px solid #ccc;
        position:relative;
        cursor:pointer;
    }
	#content .toggle-view li li {
        margin:0px 0px 12px 0px;;
        border-bottom:0px;
        position:relative;
	}
     
    #content .toggle-view h3 {
        margin:0px !important;
		padding-right:30px;
		padding-bottom:8px;
    }
	.toggle-view h3 + p {
		margin-bottom:8px !important;
	}
 
    .toggle-view span {
        position:absolute;
        right:5px; top:5px;
		font-weight:bold;
		font-family: "Quicksand", Helvetica, Arial, sans-serif;
        font-size:28px;
    }
     
    .toggle-view .panel {
        margin:5px 0px 20px 0px;
        display:none;
    }
.orangedots {
	color:#eb594d;
}
.orangedots span {
	color:#ffffff;
}
.about-top {
	width:972px;padding:29px 0px;
	max-width:100%;
}
.about-large-h2 {
	font-size:38px;line-height:47px;
}
.about-special {
	padding:48px 0px;
}
.about-special .largeleft {
	float:left;
	font-size:24px;
	line-height:35px;
	width:424px;
	max-width:100%;
	padding:46px 0px 0px 17px;
	margin:0px;
}
#content .about-special .orangedots {
	float:right;
	width:459px;
	max-width:100%;
	margin:0px;
	padding: 0px 51px 0px 0px;
	letter-spacing:1px;
}
#content .whitebar {
	display:block;
	background:#ffffff;
	color:#222222 !important;
	font-size:17px;
	text-align:center;
	padding:26px 0px;
	line-height:17px;
	margin:0px;
}
#content .toptext {
	display:block;
	margin:-49px auto 62px auto;
	font-size:18px;
	line-height:25px;
	width:798px;
	max-width:100%;
	text-align:center;
}
#content .step h2 {
	padding:34px 0px 25px 0px;
	margin:0px;
	font-size:38px;
	line-height:38px;
}
#content .stepnumber {
	margin:-88px 0px 0px 0px;
	position:relative;
	z-index:200;
}
a.btn {
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:inline-block;
	color:#ffffff;
	background:#eb594d;
	height:39px;
	line-height:39px;
	padding:0px 27px;
	margin:12px 0px;
	font-size:22px;
	text-transform:uppercase;
	clear:both;
}
.btn:hover {
	background:#97c1e7;
	color:#ffffff;
}
.spread-example {
	display:inline-block;
	font-family:"Quicksand", Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:bold;
	width:150px;
	text-transform:uppercase;
	vertical-align:top;
	padding:0px 25px;
}
.spread-example img {
	margin-bottom:14px;
}
.page-id-29 .step {
	padding-bottom:120px;
}
.page-id-29 #content .stepnumber {
	margin: -66px 0px 0px 0px;
}
#content .body-header {
	width:1004px;
	max-width:100%;
	height:57px;
	background:url(images/bg-body-header.png) top left no-repeat;
	text-align:center;
	line-height:52px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-style:italic;
	color:#313131;
	font-size:28px;
	letter-spacing:1px;
}
.how-donation-works-top {
	padding-top: 119px;
}
/* Human Body Map Styles
----------------------------------------------------------------- */
#body-map {
	position:relative;
	width:1004px;
	max-width:100%;
	height:1883px;
	margin:0px auto;
	background:url(images/bg-body.png) 0px 0px no-repeat;
}
.slideOutTip{
	/* The main wrapping div of the slideout tips */
	position:absolute;
	padding:6px;
	width:200px;
	top:0;
	left:0;
	background-color:#222222;
	font-size:13px;
	color:white;
	overflow:hidden;
	height:22px;
-moz-box-sizing: unset; -webkit-box-sizing: unset; box-sizing: unset;
}
.slideOutTip:hover{
	/* Applying a CSS3 outer glow on hover */
	-moz-box-shadow:0 0 1px #999;
	-webkit-box-shadow:0 0 1px #999;
	box-shadow:0 0 1px #999;
}
/* The holder for the title and the icon: */
.tipVisible{ cursor:pointer; height:26px; }
#content .tipTitle{
	float:left;
	font-family:'Quicksand',Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	white-space:nowrap;
	line-height:22px;
	padding-right:0px;
	letter-spacing:1px;
	text-transform:uppercase;
	margin:0px;
}
#content .openRight .tipTitle {
	padding-left:0px;
}
#content .openLeft .tipTitle {
	float:right;
}
.tipIcon{
	width:21px;
	height:20px;
	float:left;
	background-color:#eb594d;
	border:0px;
	margin-right:12px;
	
	/* CSS3 Rounded corners */
	
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
}
/* Three color themes */
.green .tipIcon{ background-color:#61b035; border:1px solid #70c244; }
.blue .tipIcon{ background-color:#1078C7; border:1px solid #1e82cd; }
.red .tipIcon{ background-color:#CD3A12; border:1px solid #da421a; }
.plusIcon{
	/* The plus icon */
	width:13px;
	height:13px;
	background:url('images/plus.gif') no-repeat center center;
	margin:4px;
	
	/* Defining a CSS3 animation. Currently only works in Chrome and Safari */
	-webkit-transition: -webkit-transform 0.2s linear;
	-moz-transition: -moz-transform 0.2s linear;
	transition: transform 0.2s linear;
}
.slideOutTip.isOpened{ z-index:10000; }
.slideOutTip.isOpened .plusIcon{
	/* Applying a CSS3 rotation  to the opened slideouts*/
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.slideOutContent p:first-child {
	display:none;
}
/* Special rules for the left and top - opening versions */
.openLeft .tipIcon{
	/* Floating the title and the icon to the right */
	margin:0 0 0 10px;
	float:right;
}
.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }
.openLeft .slideOutContent{ margin-top:22px; }
.openLeft.openTop .slideOutContent{	margin-top:0; }
.slideOutContent{
	/* Hiding the div with the slide out content: */
	display:none;
	padding:10px;
	font-size:14px;
	line-height:18px;
	width:300px;
}
/* eCampaigns 
------------------------------------------------------------ */
.single-ecampaign .attachment-post-thumbnail {
	float:left;
	margin:0px 36px 24px 0px;
	max-width:100%;
	height:auto;
}
.single-ecampaign #content h1 {
	max-width:100%;width:840px; font-weight:bold; margin:0px auto 30px auto;
}
.single-ecampaign .ecampaign-btns {
	text-align:center;
	clear:both;
}
.more-ecampaigns {
	display:block;
	text-align:center;
}
#ecampaign-container {
	max-width:840px;
	margin:0px auto 24px auto;
}
#ecampaign-list {
	list-style:none;
	margin:0px;
	padding:0px;
}
#ecampaign-list li {
	padding:0px;
	margin:0px 0px 12px 0px;
	display:block;
	font-size:16px;
	vertical-align:top;
}
.ecampaign-btns {
	margin-bottom:24px;
}
/* Stories of Hope
----------------------------------------------------------- */
#stories-container {
	width:1032px;
	max-width:100%;
	margin:0px auto;
}
.masonry-box {
	float:left;
	margin:14px;
	position:relative;
	overflow:hidden;
	background:#CCC;
}
.tall, .tall img {
	width:230px;
	height:488px;
}
.wide, .wide img {
	width:488px;
	height:230px;
}
.square, .square img {
	width:230px;
	height:230px;
}
#content .story-title {
	text-align:center;
	padding-top:24px;
	margin-bottom:30px;
}
/*General Mosaic Styles*/
	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#222;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:url(images/bg-black.png);
		
	}
	.mosaic-overlay:hover {
		color:#eb594d;
	}
	.details {
		text-align:center;
		height:80px;
		position:relative;
		padding:0px 12px;
		top:50%;
		margin-top:-40px;
	}
	.details h3 {
		font-family: "Quicksand", Helvetica, Arial, sans-serif;
		color:#ffffff;
		font-size:22px;
		margin-bottom:6px;
	}
	.details p {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-style:italic;
		font-weight:norma;
		font-size:16px;
		color:#ffffff;
		margin-bottom:8px;
	}
	
	.details .storylink {
		  font-family: "Quicksand",Helvetica,Arial,sans-serif;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		}
		
		
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		
		
		.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:url(images/bg-black.png);
		}
		
		/*** End Animation Styles ***/
.sharethis {
	width:1004px;
	max-width:100%;
	margin:0px auto;
	text-align:center;
	padding:12px 0px;
}
/* Transplant Games Main Page and Single Pages 
----------------------------------------------------------------------------- */
.team {
	display:block;
	position:relative;
	margin-bottom:40px;
	text-align:left;
}
h2.team-title {
	color:#222;
	font-size:40px;
	margin-bottom:54px;
	text-align:center;
}
.team-member {
	display:inline-block;
	vertical-align:top;
	text-decoration:none;
	width:33%;
	text-align:center;
	padding:0px 20px;
	margin:0px 0px 30px 0px;
	transition: all .3s ease 0s;
}
.team-member h3,
#single-tga-box h3 {
	font-size:24px;
	font-family:'Quicksand',sans-serif;
	margin:0px 0px 8px 0px;
	line-height:1.1em;
	color:#222;
}
.team-member h4,
#single-tga-box h4 {
	font-size:18px;
	letter-spacing:0px;
	margin:0px 0px 18px 0px;
	line-height:1.1em;
	color:#00407e;
	font-family:'Quicksand',sans-serif;
}
.team-member h5,
#single-tga-box h5 {
	color:#eb594d;
	font-style:normal;
	margin:0px;
	font-size:15px;
	font-family:'Quicksand',sans-serif;
	font-weight:normal;
	line-height:1.1em;
}
.team-member img,
#single-tga-box img {
	max-width:100%;
	height:auto;
	border-radius:50%;
	display:inline-block;
	margin-bottom:18px;
	width:280px;
}
#single-tga-box {
	display:block;
	float:left;
	margin:0px 30px 30px 0px;
}
/* Gravity Forms Styles Overrides
------------------------------------------------------------- */
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
	padding:6px !important;
	border:1px solid #bfbfbf !important;
}
.gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {
	width:12% !important;
	max-width:100px;
}
.gform_wrapper .top_label .gfield_label {
	line-height:1.8em !important;
}
gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select {
	width: 95%;
}
/* Register Page Template Styles
------------------------------------------------------------- */
.page-template-page-register-template-php #content .entry-title{
	display:none;
}
.page-template-page-register-template-php #content table, .page-template-page-register-template-php #content tr td {
	border:0px;
}
.page-template-page-register-template-php #content #register1Form ul {
	margin:0px;
}
.page-template-page-register-template-php .entry-content {
	max-width:840px;
}
div.pageTitle {
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	color: #00407e;
	font-size: 90px;
	font-weight: bold;
	line-height: 79px;
	margin-bottom: 0;
	text-align:center;
	border-bottom:6px solid #00407e;
	text-transform:uppercase;
	margin:0px auto 66px auto;
	padding:72px 0px 12px 0px;
	max-width:100%;
}
label[for=rad_male], label[for=rad_female], label[for=register_yes_to_donate], label[for=register_use_limitations], label[for=register_terms],
#registerFormLimitations label {
	display:inline-block;
	clear:none;
	padding-left:8px;
	max-width:90%;
	margin-top:0px;
	margin-bottom:0px;
	vertical-align:top;
}
#registerFormLimitations, #register1Terms, #register1Requirements {
	margin-bottom:24px;
}
#registerFormLimitations .registerFormLine {
	margin-top:24px;
}
.pageWrapperBlock .content {
	margin-bottom:24px;
}
#register1Form input[type=text], #register1Form input[type=password] {
	width:47%;
}
.stepDisclaimer {
	margin-top:24px;
}
#requiredNotice {
	font-style:italic;
	margin-bottom:24px;
}
#online_form, #dmv_form {
	display:block;
	width:40%;
	margin:4% 3% 4% 0%;
	float:left;
	padding:3%;
	border:1px solid #CCC;
}
#online_form h2, #dmv_form h2 {
	font-size:22px;
	line-height:30px;
	text-align:left;
}
#dmv_form .note {
	font-style:italic;
	font-size:12px;
	line-height:16px;
	margin-bottom:0px;
}
#donorCard {
	border: 2px dashed #000000;
    padding: 20px;
	position:relative;
	margin:24px 0px;
	max-width:294px;
}
#donorCard img[src="/images/pink_dot.gif"] {
	float:right;
	margin-top:-65px;
}
#content input.buttonHollow {
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:inline-block;
	color:#ffffff;
	background:#eb594d;
	height:39px;
	line-height:39px;
	padding:0px 27px;
	margin:12px 0px;
	font-size:22px;
	text-transform:uppercase;
	clear:both;
	border:0px;
	cursor:pointer;
}
#content input.buttonHollow:hover {
	background:#97c1e7;
	color:#ffffff;
}
#register1TermsSubmit {
	text-align:center;
}
/* Images 
------------------------------------------------------------- */
.featuredImage {
	width:100%;
	max-width:100%;
	height:auto;
	margin-top:-84px;
	vertical-align:top;
}
.btn-signup-big {
	display:block;
	width:1004px;
	max-width:100%;
	max-width:100%;
	height:282px;
	text-indent:-9999em;
	background:url(images/btn-signup-big.png) center top no-repeat;
	margin: 38px auto 0px auto;
}
.btn-signup-big:hover {
	background-position: center bottom;
}
.home .btn-signup-big {
	display:none;
}
.wp-image-337 {
	margin-bottom: 39px;
}
/* =Attachment pages
-------------------------------------------------------------- */
.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}
.entry-attachment #nav-below {
	padding-left:0px;
}
.entry-attachment .entry-meta {
	text-align:center;
	padding:12px 0px;
}
#content .back-to-page {
	text-align:center;
}
/* =Images
-------------------------------------------------------------- */
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.wp-smiley {
	margin: 0;
}
.gallery {
	margin: 0 auto 18px;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
	border: 2px solid #cfcfcf;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery img {
	border: 10px solid #f1f1f1;
}
.gallery br+br {
	display: none;
}
#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}
/* 404 Page
-------------------------------------------------- */
.error404 {
	text-align:center;
}
.error404 #s {
	width:260px;
	margin-right:12px;
}
.error404 .errorlink {
	display:inline-block;
	line-height:39px;
	height:39px;
	background:#00407E;
	color:#ffffff;
	padding:0px 12px;
	font-family: "Quicksand",Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:20px;
	text-transform:uppercase;
	margin:6px;
	zoom: 1; 
	*display: inline;
}
.error404 .errorlink:hover {
	background:#97c1e7;
}
.errorlinks {
	margin:44px 0px 0px 0px;
}
/* =Navigation
-------------------------------------------------------------- */
.navigation {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	overflow: hidden;
}
.navigation a:link,
.navigation a:visited {
	color: #888;
	text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
	color: #ff4b33;
}
.nav-previous {
	float: left;
	width: 50%;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#nav-above {
	margin: 0 0 18px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above,
.single #nav-above {
	display: block;
}
#nav-below {
	padding-left:130px;
}
.single-stories_of_hope #nav-below {
	padding-left:0px;
	width:840px;
	max-width:100%;
	margin:0px auto;
}
/* PAGE NAVIGATION
-------------------------------------------------------------- */
.pagenavi {
    margin: 0 0 20px 0px;
    padding: 5px 1px 5px;
    float:left;
}
.pagenavi a {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    text-decoration: none;
    border: 1px solid #ccc;
    color: #666;
}
.pagenavi a:hover {
    border: 1px solid #444;
    color: #444;
}
.pagenavi span.pages {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    font-weight:bold;
    border: 0px;
}
.pagenavi span.current {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    font-weight:bold;
    border: 1px solid #666;
    color: #444;
    background-color: #eee;
}
.pagenavi span.expand {
    padding: 5px 6px 4px 6px;
    margin: 3px;
    border: 1px solid #ccc;
    color: #444;
}
.pagenavi .first, .pagenavi .last {
    border: 1px solid #aaa;
}
.pagenavi .single_page {
border: 1px dashed #ccc;
}
/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}
/* Comments form */
#content input[type=submit] {
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	font-weight:bold;
	display:inline-block;
	color:#ffffff;
	background:#eb594d;
	height:39px;
	line-height:39px;
	padding:0px 27px;
	margin:12px 0px;
	font-size:22px;
	text-transform:uppercase;
	clear:both;
	border:0px;
	cursor:pointer;
}
#content input[type=submit]:hover {
	background:#97c1e7;
	color:#ffffff;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 16px;
	width: auto;
	background:#eb594d;
	color:#ffffff;
	font-family:"Quicksand", Helvetica, Arial, sans-serif;
	font-weight:bold;
	border:0px;
	display:inlne-block;
	line-height:24px;
	height:24px;
	padding:0px 12px;
	cursor:pointer;
	text-transform:uppercase;
	
}
#respond .form-submit input:hover {
	 background:#94bee3;
 }
/* =Widget Areas
-------------------------------------------------------------- */
.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: square;
	margin-left: 1.3em;
}
.widget-area select {
	max-width: 100%;
}
.widget_search #s {/* This keeps the search inputs in line */
	width: 60%;
}
.widget_search label {
	display: none;
}
.widget-container {
	margin: 0 0 18px 0;
}
.widget-title {
	color: #333;
	font-weight: bold;
	padding:12px 0px 10px 0px;
	text-transform:uppercase;
}
.widget-area a:link,
.widget-area a:visited {
	text-decoration: none;
}
.widget-area a:active,
.widget-area a:hover {
	text-decoration: underline;
}
.widget-area .entry-meta {
	font-size: 11px;
}
#wp_tag_cloud div {
	line-height: 1.6em;
}
#wp-calendar {
	width: 100%;
}
#wp-calendar caption {
	color: #222;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 4px;
	text-align: left;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar thead th {
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	background: #f5f5f5;
	border: 1px solid #fff;
	padding: 3px 0 2px;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.widget_rss a.rsswidget {
	color: #000;
}
.widget_rss a.rsswidget:hover {
	color: #ff4b33;
}
.widget_rss .widget-title img {
	width: 11px;
	height: 11px;
}
/* Main sidebars */
#main .widget-area ul {
	margin-left: 0;
	padding: 0px;
	list-style:none
}
#main .widget-area ul ul {
	border: none;
	margin:0px;
	padding: 0px;
	list-style:none;
}
#main .widget-area ul ul li {
	padding-bottom:10px;
	font-size:14px;
}
#primary {
}
#secondary {
}
/* Footer widget areas */
#footer-widget-area {
}
/* =Footer
-------------------------------------------------------------- */
.footer-wrapper {
	background: #222222 url(images/bg-footer.png) top left repeat-x;
}
#footer {
	min-height:50px;
	padding: 52px 0px;
}
#footer-sponsors {
	padding:27px 0px;
	border-bottom: 2px solid #2e2e2e;
	text-align:center;	
	margin-bottom:44px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content: center;
}
#footer-sponsors h2 {
	color:#9a9a9a;
	font-size:20px;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:20px;
	margin-bottom:30px;
	letter-spacing:2px;
	font-weight:normal;
	text-align:center;
    width:100%;
}
#footer-sponsors a {
	display:inline-block;
	margin:8px;
    max-height:70px;
}
#footer-sponsors img {
	display:inline-block;
    max-height:70px;
}
#footer-connect {
	padding:27px 0px;
	border-top:3px solid #2e2e2e;
	border-bottom: 2px solid #2e2e2e;
}
#footer-connect h2 {
	color:#9a9a9a;
	font-size:20px;
	font-family: "Oswald", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:20px;
	margin-bottom:30px;
	letter-spacing:2px;
	font-weight:normal;
}
#connect {
	width:380px;
	float:left;
	padding-left:17px;
}
.twitter-text {
	font-size:20px;
	line-height:27px;
	color:#9a9a9a;
	font-style:italic;
}
.twitter-text a {
	color:#ffffff;
}
.twitter-text a:hover {
	color:#97c2e7;
}
#latest-news {
	width:545px;
	padding-right:17px;
	float:right;
}
#latest-news ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
#latest-news ul li {
	margin:0px 0px 12px 0px;
	padding:0px;
	font-size:16px;
	line-height:19px;
}
#latest-news h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:23px;
}
#latest-news li a {
	color:#ffffff;
	text-decoration:none;
}
#latest-news li a:hover {
	color:#97c2e7;
}
#latest-news li:first-child {
}
#footer-meta p {
	text-align:center;
}
#footer-meta #statement {
	font-size:14px;
	color:#ffffff;
}
#footer-meta #copyright {
	color:#6b6b6b;
	font-size:12px;
}
#menu-footer-menu {
	list-style:none;
	text-align:center;
	margin:0px;
	padding:0px;
}
#menu-footer-menu li {
	display:inline-block;
	text-transform:uppercase;
	font-size:12px;
	letter-spacing:1px;
}
#menu-footer-menu li a {
	color:#6b6b6b;
	text-decoration:none;
	display:inline-block;
	padding:0px 6px;
}
#menu-footer-menu li a:hover {
	color:#97c1e7;
}
#menu-footer-menu li:first-child {
	border-right:1px solid #6b6b6b;
}
.btn-kymera {
	display:inline-block;
	vertical-align:middle;
	width:46px;
	height:21px;
	overflow:hidden;
	background:url(images/btn-kymera.png) 0px 0px no-repeat;
	text-indent:80px;
	margin-left:2px;
}
.btn-kymera:hover {
	background-position: 0px -21px;
}
#newsletter {
	padding:16px 0px 42px 17px;
}
#newsletter h2 {
	color:#94bee3;
	font-size:25px;
	text-transform:uppercase;
	display:inline-block;
	padding-right:14px;
}
#newsletter form {
	display:block;
	width:100%;
}
#newsletter .mc-field-group {
	display:inline-block;
}
#newsletter .mc-input {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	line-height:21px;
	height:21px;
	font-style:italic;
	border: 1px solid #cccccc;
	color:#000000;
	background:#ffffff;
	box-shadow:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	padding:6px 6px 6px 12px;
	margin-right:4px;
	font-weight:lighter;
height:auto;
}
#newsletter .mc-input placeholder {
	font-weight:lighter;
}
#newsletter #mce-FNAME {
	width:100px;
}
#newsletter #mce-LNAME {
	width:150px;
}
#newsletter #mce-EMAIL {
	width:200px;
}
#newsletter label {
	display:none;
}
#newsletter #mc-embedded-subscribe {
	display:inline-block;
}
#newsletter #mce-responses {
	display:none;
}
#newsletter #mc-embedded-subscribe {
	display:inline-block;
	height:36px;
	line-height:36px;
	border:0px;
	background:#00407e;
	color:#ffffff;
	font-family: "Quicksand", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
	margin-left:12px;
	padding:0px 16px;
	vertical-align:top;
}
#newsletter #mc-embedded-subscribe:hover {
	background:#97c1e7;
}
.btn-facebook {
	width:37px;
	height:36px;
	display:inline-block;
	vertical-align:middle;
	text-indent:450px;
	font-size:0px;
	overflow:hidden;
	background: url(images/btn-facebook.png) 0px 0px no-repeat;
	cursor:pointer;
	margin-left:20px;
}
.btn-twitter {
	width:37px;
	height:36px;
	display:inline-block;
	vertical-align:middle;
	text-indent:450px;
	font-size:0px;
	overflow:hidden;
	background: url(images/btn-twitter.png) 0px 0px no-repeat;
	cursor:pointer;
}
.btn-facebook:hover, .btn-twitter:hover {
	background-position: 0px -36px;
}
/* Mobile Switcher Link
--------------------------------------------------------- */
@media only screen 
and (min-width : 1224px) { /* On Desktops, hide the switcher */
	
}
.scrollup + p {
	background:#222222;
	text-align:center;
	margin-bottom:0px;
	padding: 20px 0px;
}
.scrollup + p a {
	color:#ffffff;
	font-family: "Quicksand", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	font-size:18px;
	text-transform:uppercase;
}
.scrollup + p a:hover {
	color: #97c1e7;
}
/* Mobile/Responsive Styles
-------------------------------------------------------------- */

@media screen and (max-width: 1300px) {
	.btn-signup-sm {
		width:230px;
		height:207px;
	}
    
	#access a {
		font-size:14px;
		padding:0px 12px;
	}
    
}
@media screen and (max-width: 1024px) {
    
    #nav-button {
		display:block;
	}
	.nav {
		display:block;
	}
	#access .menu-header {
		display:none;
	}
    
	#access a {
		font-size:14px;
	}
    
	.top-btns {
		display:none;
	}
    
	.inner {
		padding-left:30px;
		padding-right:30px;
	}
	#logo {
		width:134px;
		margin-left:0px;
	}
	#header-top {
		padding-left:108px;
	}
	#header-top strong {
		font-size:14px;
	}
	#header-top strong .reg-total {
		font-size:18px;
	}
	#content .get-involved {
		max-width:100%;
		background-image:none;
		
	}
	#content .get-involved:after {
		content:"";
		display:block;
		width:100%;
		position:relative;
		height:3px;
		background:#eeeeee;
	}
	#content .home-div h3 {
		font-size:52px;
		line-height:1.1em;
	}
	.our-mission {
		height:auto;
		width:280px;
		max-width:100%;
	}
	.give-today {
		height:auto;
		width:280px;
		max-width:100%;
	}
	.page-template-page-home-php .btn-signup-sm {
		margin:0px 12px;
	}
	#access .menu-header, div.menu {
		margin-left:190px;
	}
	#access ul ul a {
		width:120px;
		font-size:14px;
		letter-spacing:0px;
		letter-spacing:1px;
	}
	.one-column #content .entry-title {
		padding:50px 30px 12px 30px;
	}
	
	.btn-signup-sm {
		width:230px;
		height:207px;
	}
}
@media screen and (max-width: 920px) {
	#header-top strong .reg-date {
		display:none;
	}
}
@media screen and (max-width: 880px) {
	.our-mission {
		width:230px;
	}
	.give-today {
		width:230px;
	}
	.page-template-page-home-php .btn-signup-sm {
		margin:0px;
	}
}
@media screen and (max-width: 768px) {
	
	
	#header-top {
		padding-left:90px;
	}
	#logo {
		width:110px;
	}
	.top-btns a {
		font-size:12px;
	}
	.btn-signup-sm {
		width:230px;
		height:207px;
	}
	#content .home-div h3 {
		font-size:30px;
	}
	.home-div p {
		font-size:14px;
	}
	
	#newsletter h2 {
		display:block;
		margin-bottom:20px;
	}
	#latest-news {
		float:none;
		width:100%;
		padding:0px 30px;
	}
	#header-top #reg-number {
	}
	#header-top strong .reg-date {
		display:none;
	}
	#content .entry-title {
		font-size:50px;
		line-height:1em;
	}
	
	.post-29 p {
		text-align:center;
	}
	.step {
		width:100%;
	}
	.about-special .largeleft {
		width:100%;
	}
	#content .about-special .orangedots {
		width:100%;
		padding:0px 30px 0px 30px;
	}
	.entry-content p {
		padding-left:30px;
		padding-right:30px;
	}
	.entry-content h4 {
		padding-left:30px;
		padding-right:30px;
	}
	.entry-content h3 {
		padding-left:30px;
		padding-right:30px;
	}
	.entry-content h2 {
		padding-left:30px;
		padding-right:30px;
	}
	.entry-content ul {
		padding:0px 30px;
	}
	.toggle-view {
		padding:0px 20px;
	}
	.submenu {
		height:auto;
		background:#313131;
	}
	.submenu ul {
		height:auto;
		width:100%;
		vertical-align:top;
	}
	.submenu ul li {
		width:24%;
	}
	.submenu a {
		width:auto;
		background:#313131;
		height:42px;
		line-height:42px;
	}
	.submenu li.menu-item-419 a {
		background:#eb594d;
	}
	#content .toptext {
		width:100%;
		padding:0px 30px;
	}
	.gform_body {
		padding:0px 30px;
	}
	.gform_footer {
		padding:0px 30px;
	}
	#ecampaign-list {
		padding:0px 30px;
	}
	.navigation {
		padding:0px 30px;
	}
	.stories_of_hope-template-default .btn {
		margin:12px 30px;
	}
	#primary, #secondary {
		float:left;
	}
	#content {
		float:none;
		width:100%;
	}
	
}
@media screen and (max-width: 750px) {
	.our-mission {
		width:100%;
		padding:0px;
		float:none;
	}
	.btn-signup-sm {
		display:block;
		margin:0px auto;
	}
	.give-today {
		width:100%;
		padding:0px;
		float:none;
	}
	.page-template-page-home-php .btn-signup-sm {
		margin:0px auto;
		float:none;
		display:block;
	}
}
@media screen and (max-width: 740px) {
	.top-btns {
		display:none;
	}
	a.mobile-reg {
		display: block;
		text-align: center;
		padding: 14px 10px 14px 10px;
		background: #00407e;
		color: #fff;
		font-family: "Oswald", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 17px;
	}

	
	.page-template-page-home-php .main-wrapper {
		margin-top:0px;
	}
	.flexslider {
		margin-top:0px !important;
	}
	.header-wrapper {
		background:#222;
	}
	#header {
		height:63px;
	}
	#access {
		width:auto;
	}
	#header-top {
		max-width:74%;
		float:left;
		padding-left:56px;
	}
	#header-top strong .reg-date {
		display:inline-block;
		font-size:9px;
	}
	
	#header-top #reg-number {
		line-height:1.4em;
		padding-top:22px;
	}
	#header-top strong .reg-total {
		font-size:17px;
	}
	.entry-content {
	}
	#content input {
		width:93%;
		padding:6px;
	}
	.gform_wrapper .ginput_complex .ginput_left {
		float:none !important;
		width:100% !important;
	}
	.gform_wrapper .ginput_complex .ginput_right {
		float:none !important;
		width:100% !important;
	}
	#register1Form input[type=text], #register1Form input[type=password] {
		width:100%;
	}
	.nav {
		width:75%;
	}
	.nav li {
		font-size:19px;
	}
	.nav li li {
		margin-bottom:12px;
	}
	.nav ul ul {
		margin-bottom:20px;
	}
	#logo {
		width:80px;
	}
	.top-btns a {
		font-size:12px;
		padding:0px 13px;
	}
	#searchbutton {
		font-size:0px;
		verticala-align:top;
	}
	
	#fast-facts #fact {
		width:100%;
		float:none;
		padding-right:0px;
	}
	#fast-facts {
		float:none;
		padding:0px 30px;
		height:auto;
		margin:61px auto 0px auto;
	}
	#fast-facts h2 {
		margin-left:0px;
	}
	#newsletter .mc-input {
		margin-bottom:14px;
	}
	#post-12 p {
		padding:0px;
	}
	#fast-facts p {
		font-size:18px;
		line-height:1.4em;
	}
	#footer-sponsors {
		padding:27px 10px;
	}
	#footer-meta {
		padding:0px 30px;
	}
	#content .entry-title {
		font-size:30px;
	}
	.page-id-6276 #content .entry-title {
		font-size:27px;
	}
	.page-id-29 #content .stepnumber {
		width:100px;
		height:auto;
		margin:-37px 0px 0px 0px;
	}
	#content .step h2 {
		padding:5px 10px 25px 10px;
		font-size:30px;
		line-height:1.3em;
	}
	.page-id-29 .step {
		padding-bottom:80px;
	}
	a.btn {
		height:auto;
		display:block;
		width:90%;
		margin:12px 5%;
		line-height:1.3em;
		padding:12px 20px;
		font-size:20px;
	}
	.featuredImage {
		margin-top:0px;
	}
	.scrollup {
		bottom:20px;
		right:20px;
	}
	#content h2 {
		font-size:20px;
		line-height:1.3em;
	}
	#content p {
		font-size:15px;
	}
	#content h3 {
		font-size:18px;
	}
	.gform_wrapper .gfield_time_hour, .gform_wrapper .gfield_time_minute, .gform_wrapper .gfield_date_month, .gform_wrapper .gfield_date_day, .gform_wrapper .gfield_date_year {
		width:auto !important;
		max-width:48%;
	}
	gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select {
		width: 100%;
	}
	#content .toggle-view h3 {
		font-size:18px;
		line-height:1.3em;
	}
	.inner .toggle-view {
		padding:0px;
	}
	.submenu ul li {
		width:auto;
		border:0px !important;
	}
	#content .stepnumber {
		width:100px;
		height:auto;
		margin:-37px 0px 0px 0px;
	}
	#newsletter .mc-input {
		font-size:17px;
	}
	.single-ecampaign #content h1 {
		font-size:26px;
		margin-top:12px;
		letter-spacing:0px;
	}
	.square, .square img {

		width: 292px;
		height: 292px;

	}
	.tall, .tall img {

		width: 292px;
		height: 620px;

	}
	.wide, .wide img {

		width: 292px;
		height: 138px;

	}
	#content .post-title {
		font-size:26px;
		margin-top:12px;
		letter-spacing:0px;
		line-height:1.3em;
	}
	.stories_of_hope-template-default a.btn {
		width:80%;
	}
	.postmeta {
		width:100%;
		margin-bottom:0px;
	}
	#content .postmeta p {
		margin-bottom:10px;
	}
	.post-content .entry-content p,
	.single .entry-content p{
		padding:0px;
	}
	#nav-below {
		padding:0px !important;
	}
	.inner.events {
		padding:0px;
	}
	.event-content {
		width:100%;
		padding-right:0px;
	}
	div.event {
		text-align:left;
	}
	#content .whitebar {
		font-size:16px;
		line-height:1.35em;
		padding:26px 12px;
	}
	.narrow p {
		text-align:left;
	}
	.about-special {
		padding:10px 0px 30px 0px;
	}
	.about-special .largeleft {
		line-height:1.5em;
	}
	#body-map {
		background-size:100% auto;
		height:auto;
		padding-top:400px;
	}
	.page-id-90 #content .body-header {
		display:none;
	}
	.slideOutTip {
		position:relative;
		top:0px !important;
		left:0px !important;
		right:0px !important;
		bottom:0px !important;
		margin-bottom:12px;
	}
	.tipIcon {
		float:left !important;
		margin:0px 12px 0px 0px !important;
	}
	div.pageTitle {
		font-size:40px;
		line-height:1.3em;
	}
	.pageWrapperBlock {
		padding:0px 30px;
	}
}
@media screen and (max-width: 600px) {
	#header-top #reg-number {
		padding-top:7px;
	}
}

/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */
pre {
	-webkit-text-size-adjust: 140%;
}
code {
	-webkit-text-size-adjust: 160%;
}
#access,
.entry-meta,
.entry-utility,
.navigation,
.widget-area {
	-webkit-text-size-adjust: 120%;
}
#site-description {
	-webkit-text-size-adjust: none;
}
/* Responsive Styles
------------------------------------------------------------ */
/* =Print Style
-------------------------------------------------------------- */
@media print {
	body {
		background: none !important;
	}
	.wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		line-height: 1.4em;
		margin: 0;
		padding: 0;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		margin: 0;
		width: 100%;
	}
	#content,
	.one-column #content {
		margin: 24pt 0 0;
		width: 100%;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display: none;
	}
	#site-generator a {
		margin: 0;
		padding: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display: inline;
	}
	.home .sticky {
		border: none;
	}
}