/*
Theme Name: IC4N
Author: Springboard Marketing
Author URI: http://www.springboardmarketing.com
Description: A custom starter WordPress theme for IC4N.
Version: 1.0
*/

/********************************
	Variables
---------------------------------
Blackest:				#1e1d1e
Black:					#363135
Drak Gray:				#636363
Gray:					#8f8f8f
Light Gray: 			#cccccc
Lightest Gray:			#f2f2f2
Dark Green:				#4e6061
Green:					#587b7c
Blue:					#65c8c6
Mint:					#b8dad0
Red:					#d1424e
Coral:					#f25c5c
Yellow:					#c09b00
---------------------------------
*********************************/

/* =Reset
-------------------------------------------------------------- */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	background: #363135;
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
	background: #363135;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	width: auto;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
a img {
	border: 0;
}




/* =Global
----------------------------------------------- */
body,
button,
input,
select,
textarea {
	color: #363135;
	font-family: sans-serif;
	font-size: 18px;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* Text elements */
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
ul li, ol li {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #363135;
	line-height: 1.4;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 1.5em 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	padding: 1.6em;
	overflow: auto;
	max-width: 100%;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
	height: auto;
	vertical-align: middle;
}
img,
object,
embed {
  max-width: 100%;
}
form ul {
	margin: 0;
}
form ul li {
	list-style: none;
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	display: inline-block;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 1.35em;
	color: #fff;
	background: #65c8c6;
	line-height: 1;
	letter-spacing: 1px;
	padding: 0.4em 1.5em 0.45em;
	border: 1px solid #fff;
	outline: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #587b7c;
	outline: none;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
	margin-right: 0.25em;
}
input[type="search"] {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
	color: #636363;
	border: none;
	background: #fff;
	border: 1px solid #636363;
	margin-bottom: 0.5em;
	width: 100%;
} 
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
	outline: none;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
	padding: 10px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}
form label, form span {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #363135;
}
input::-webkit-input-placeholder {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 0.85em;
	font-style: italic;
	color: #363135;
}
input::-moz-placeholder {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 0.85em;
	font-style: italic;
	color: #363135;
}
input:-moz-placeholder {   /* Older versions of Firefox */
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 0.85em;
	font-style: italic;
	color: #363135;
}
input:-ms-input-placeholder { 
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 0.85em;
	font-style: italic;
	color: #363135;
}
.gf_page_steps {
	text-align: center;
	margin: 1em 0;
	background: #fff;
}
.gf_step {
	display: inline-block;
	vertical-align: middle;
	text-indent: -9999px;
    background: #fff;
    border: 1px solid #ccc;
    width: 16px;
    height: 16px;
    border-radius: 20px;
}
.gf_step_active {
	background: #65c8c6;
}
.amount-select label {
	font-weight: bold;
	text-align: center;
	color: #587b7c;
	display: block;
	font-size: 1.25em;
	margin-bottom: 0.5em;
}
.amount-select ul li {
    background: #363135;
    width: 30%;
    margin-right: 3%;
    margin-bottom: 1em;
    float: left;
    padding: 0.65em 0 0.65em;
    line-height: 1;
    text-align: center;
    -webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
.amount-select ul li:hover {
	background: #f25c5c;
}
.amount-select ul li input {
	margin-right: 0.25em;
}
.amount-select ul li input:checked {
	background-color: #f25c5c;
	background-image: none;
}
.amount-select ul li label {
	font-weight: bold;
	color: #fff;
	font-size: 1.25em;
	display: inline-block;
	vertical-align: text-top;
	margin-bottom: 0 !important;
}
form ul li.other label {
	display: none !important
}
form ul li.other input {
	width: 63%;
}
.gform_next_button {
	display: block;
	width: 97%;
	background: #f25c5c !important;
	padding: 1em !important;
	border: none !important;
}
.gform_next_button:hover {
	background: #d1424e !important;
}
.gform_previous_button, .gform_previous_button:focus {
	box-shadow: none;
	background: none !important;
	font-size: 1em !important;
	color: #8f8f8f !important;
	padding: 0 !important;
	margin: 1em 0 0.5em;
	border: none !important;
}
.name_first {
	float: left;
	width: 49%;
	margin-right: 1%:;
}
.name_last {
	float: left;
	width: 49%;
	margin-left: 1%;
}
form ul li span label {
	display: block;
	margin-top: -8px;
	text-transform: uppercase;
	font-size: 0.9em;
	color: #8f8f8f;
	margin-bottom: 1em;
}
.validation_error, .validation_message, .gfield_creditcard_warning_message span {
	font-size: 0.85em !important;
    color: #f25c5c !important;
    font-family: 'Source Sans Pro', sans-serif !important;
    margin-bottom: 0.5em !important;
}
.ginput_card_expiration_container label {
	margin-top: 0 !important;
}
.gform_card_icon_container, .ginput_cardinfo_right span {
	display: none !important;
}
.ginput_container_radio, .gfield_price {
	margin-bottom: 1em;
}
.ginput_container_total span {
	font-weight: bold;
    color: #587b7c;
    display: block;
    font-size: 1.5em;
    margin-bottom: 0.5em;
}
#gform_submit_button_4 {
	display: block;
	width: 100%;
	text-align: center;
}
.add-to-list label.gfield_label {
	display: none !important;
}
.add-to-list ul.gfield_checkbox label {
	font-weight: bold;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
/* .clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: '';
	display: table;
} */

.clear:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}

/* columns */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.col-last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}



.site {
	background: #fff;
}


/*********************************
	Global Styles
*********************************/
p {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #363135;
	line-height: 1.4;
	margin-bottom: 1.25em;
}
p.page-headline {
	font-weight: 300;
	font-size: 1.65em;
}
p.page-intro {
	font-size: 1.35em;
}
a, a:visited {
	font-family: 'Source Sans Pro', sans-serif;
	color: #587b7c;
	outline: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
text-decoration:none;
}
a:hover, a:focus, a:active {
	color: #f25c5c;
	outline: none;
}
a.button {
	display: inline-block;
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 1.35em;
	color: #fff;
	background: #65c8c6;
	line-height: 1;
	letter-spacing: 1px;
	padding: 0.5em 1.5em;
	border: 1px solid #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	outline: none;
	text-decoration: none;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
	margin-bottom:10px;
}
a.button:hover, a.button:focus, a.button:active {
	background: #587b7c;
	outline: none;
}
a.button.donate {
	background: #f25c5c;
}
a.button.donate:hover {
	background: #d1424e;
}
a.button.event {
	background: #587b7c;
}
a.button.event:hover {
	background: #4e6061;
}
a.button.yellow {
	background: #c09b00;
}
a.button.yellow:hover {
	background: #b19109;
}
a.button.arrow {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #363135;
	text-transform: none;
	padding: 0.5em 0 0.5em 2em;
	background: url('img/arrow-coral.png') no-repeat left center; 
	border: none;
	letter-spacing: 0;
}
a.button.arrow:hover {
	background-color: none;
	opacity: 0.8;
}
a.button.arrow.gray {
	background: url('img/arrow-gray.png') no-repeat left center;
}
h1 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 3.15em;
	color: #587b7c;
	line-height: 1.25;
	margin-bottom: 0.25em;
}
h2 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 2.65em;
	color: #65c8c6;
	line-height: 1.25;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 0.25em;
}
h3 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	font-size: 2em;
	color: #587b7c;
	line-height: 1.25;
	margin-bottom: 0.25em;
}
h4 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 1.65em;
	color: #587b7c;
	line-height: 1.25;
	margin-bottom: 0.25em;
}
h5 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	color: #587b7c;
	line-height: 1.25;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 0.25em;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
	text-decoration: none;
}
	
/*********************************
	Header Styles
*********************************/
.header-wrap {
	-webkit-transform: translateZ(0);
	margin: 0 auto;
	width: 100%;
	background: #f2f2f2;
	position: fixed;
	z-index: 999;
	top: 0;
}
.header-wrap.scrolled .border {
	margin-left: 43px;
	border-left: 1px solid #f2f2f2;
}
.header-wrap.scrolled .logo img {
	width: 130px;
	padding: 0.5em;
}
.header-wrap.scrolled .site-header form {
	display: none;
}
.header-wrap.scrolled .top-nav ul {
	margin-bottom: 10px;
}
.site-main {
	margin-top: 10em;
}
.border-wrap {
	background: url('img/top-line.png') no-repeat center center; 
	background-size: cover;
}
.border {
	height: 10px;
	background: #587b7c;
	border-left: 2px solid #f2f2f2;
	margin-left: 62px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
.logo img {
	width: 225px;
	padding: 0.9em 1em 0.75em 0;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
.logo a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-style: italic;
	color: #8f8f8f;
	text-decoration: none;
}
.logo a:hover {
	opacity: 0.7;
}
.top-nav ul {
	margin-top: -10px;
	margin-left: 0;
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	text-align: right;
}
.top-nav ul li {
	list-style: none;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	padding: 0.65em 1em;
}
.top-nav ul li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-size: 0.85em;
	color: #587b7c;
	text-transform: uppercase;
	text-decoration: none;
}
.top-nav ul li a:hover {
	color: #65c8c6;
}
.top-nav ul li.button {
	display: inline-block;
	text-align: center;
	background: #f25c5c;
	padding: 0.5em 2em 0.65em;
	line-height: 1;
	margin-left: 1em;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}
.top-nav ul li.button:hover {
	background: #d1424e;
}
.top-nav ul li.button a {
	font-size: 1.25em;
	font-weight: 400;
	font-style: italic;
	color: #fff;
	text-transform: none;
	line-height: 0.75;
}
.top-nav ul li.button a span {
	font-weight: 700;
	font-size: 0.95em;
	font-style: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.top-nav #searchform {
	margin-top: -18px;
	margin-bottom: 8px;
}
.top-nav #searchform {
	background: #fff;
	border: 1px solid #ccc;
}
.top-nav #searchform label {
	display: none;
}
.top-nav #searchform input[type="search"] {
	width: 82.5%;
	margin-bottom: 0;
	border: none;
}
.top-nav #searchform input[type="submit"] {
	background: url('img/search-icon.png') no-repeat center center #fff;
	text-indent: -9999px; 
	padding: 10px 20px;
	width: 6%;
	margin: 0;
}
.site-header form {
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;	
}
.nav-wrap {
	background: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index: 999;
}
.nav ul {
	margin: 0;
	text-align: center;
	padding: 1em 0.5em;
}
.nav ul li {
	display: inline-block;
	list-style: none;
	position: relative;
}
.nav ul li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
	color: #363135;
	padding: 0.75em 1.25em;
	text-decoration: none;
}
.nav ul li a:hover, .nav ul li.current-menu-item a, .nav ul li.current-menu-ancestor a {
	border-bottom: 5px solid #f25c5c;
}
.nav ul li ul.sub-menu {
	max-height: 0;
	overflow: hidden;
	position: absolute;
	margin: 1em 0 0 0;
	padding: 0;
	text-align: left;
}
.nav ul li:hover ul.sub-menu {
	display: block;
	max-height: 1000px;
	min-width: 15em;
	background: #fff;
	padding: 0.5em 1.5em;
	border-right: 1px solid #ccc;
	border-bottom: 5px solid #f25c5c;
	border-left: 1px solid #ccc;
}
.nav ul li ul.sub-menu li {
	margin: 0;
	padding: 0.5em 0;
	display: block;
	width: 100%;
	text-align: left;
	line-height: 100%;
	border: none;
}
.nav ul li ul.sub-menu li a {
	font-weight: 400;
	line-height: 100%;
	padding: 0;
	border: none;
}
.nav ul li ul.sub-menu li a:hover {
	color: #65c8c6;
}
.nav ul li ul li ul {
	border-bottom: none !important;
	padding: 0 !important;
	margin: 0.75em 0 0 0.75em !important;
	position: relative !important;
	border: none !important;
}
.nav ul li ul li ul li a {
	border-bottom: none !important;
	color: #8f8f8f;
}

/*********************************
	Mobile Nav Styles
*********************************/
.mobile-nav-wrap {
	display: none !important;
	padding-top: 0.5em;
}
.mobile-nav-wrap p {
	padding: 0.5em 0 0 0;
	text-align: right;
	clear: right;
	font-size: 0.6em;
	font-weight: 700;
	color: #363135;
	margin-bottom: 2em;
}
.mobile-nav {
	display: none !important;
}
.mobile-button {
	display: inline-block;
	float: right;
	position: relative;
	width: 28px;
	height: 28px;
	background: #587b7c;
	margin: 0;
	cursor: pointer;
}
.mobile-button:before, .mobile-button:after {
	content: '';
	position: absolute;
	top: 20%;
	left: 0;
	width: 100%;
	height: 20%;
	background: #f2f2f2;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transform: translateZ(0);
}
.mobile-button:after {
	top: 60%;
}
.mobile-nav-wrap.open {
	position: relative;
	top: 0;
	left: 0;
}
.mobile-nav-wrap.open .mobile-button:before {
	top: 40%;
	left: 10%;
	width: 80%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mobile-nav-wrap.open .mobile-button:after {
	top: 40%;
	left: 10%;
	width: 80%;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#body-wrap.open {
	display: block !important;
	/*position: fixed;*/
	top: 0;
	left: 0;
	-webkit-transform: translate3d(-55%,0,0);
	-moz-transform: translate3d(-55%,0,0);
	-o-transform: translate3d(-55%,0,0);
	-ms-transform: translate3d(-55%,0,0);
	transform: translate3d(-55%,0,0);
	z-index: 9;
	padding: 0;
}
#body-wrap {
	position: relative;
	z-index: 10;
	overflow: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.mobile-nav {
	background: #1e1d1e;
	z-index: 1;
	position: fixed;
	top: 0;
	padding-top: 1em;
	padding-bottom: 2em;
	padding-left: 50%;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.mobile-nav.active {
	display: block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.mobile-nav ul {
	margin: 0;
}
.mobile-nav ul li {
	list-style: none;
	display: block;
	position: relative;
	margin: 0;
	font-size: 1.25em;
	text-transform: uppercase;
	padding: 0.25em 0 0.5em;
}
.mobile-nav ul ul li {
	text-transform: none;
	padding: 0;
	font-size: 1em;
}
.mobile-nav ul li a {
	display: block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	line-height: 100%;
	padding: 0.25em 0;
	text-decoration: none;
}
.mobile-nav ul li a:hover {
	color: #65c8c6;
	opacity: 1;
	text-decoration: none;
}
.mobile-nav ul li ul li a {
	font-size: 0.75em;
	font-weight: 700;
	text-transform: none;
	letter-spacing: 0;
}
.mobile-nav ul li ul li a {
	font-weight: 400;
}
.mobile-nav ul li ul {
	margin-left: 15px;
}


/*********************************
	Homepage Styles
*********************************/
#banners {
	background: #fff;
}
.slide-image, .slide-content {
	float: left;
	width: 50%;
}
.slide-content {
	padding: 4em 4em 1em 0;
	background: #fff;
}
.mission-wrap {
	background: #dcdcdc;
	padding-top: 3em;
}
.mission-title {
	text-align: center;
}
.mission-title h2 {
	background: #fff;
	padding: 1em 0;
	line-height: 1;
	margin: 0;
	box-shadow: 0 -3px 6px 0 rgba(0,0,0,0.15);
}
.mission-description {
	padding: 1em 0 0 0.5em;
}
.mission-description p {
	margin: 0;
}
.events {
	background: #dcdcdc;
}
.upcoming {
	float: left;
	width: 65%;
	padding: 3em 0 2em;
}
.upcoming h3 {
	text-align: center;
	color: #636363;
	margin-bottom: 1em;
}
.upcoming h3 a {
	color: #636363;
	font-size: 0.5em;
	font-style: italic;
	font-weight: 400;
	margin-left: 1em;
	display: inline-block;
	vertical-align: middle;
}
.upcoming hr {
	background: #fff;
}
/*.upcoming header.page-header, .espresso_events .ee-event-datetimes-ul li form {
	display: none;
}
.espresso_events, .espresso_venues {
	margin-bottom: 0 !important;
}
.espresso_events .ee-event-datetimes-ul {
	margin: 0;
}
.espresso_events .ee-event-datetimes-ul li { 
	font-family: 'Source Sans Pro', sans-serif;
}
.upcoming .espresso_events {
	float: left;
	width: 50%;
	padding: 0 2em;
}
.upcoming .espresso_events h2 {
	font-size: 1.35em !important;
}
.upcoming .espresso_events h2 a {
	color: #363135 !important;
}
.espresso_events input[type="submit"] {
	margin-bottom: 0.5em !important;
	background: #587b7c !important;
	padding: 0.45em 1.5em !important;
}
.espresso_events input[type="submit"]:hover {
	background: #4e6061 !important;
}
*/
.upcoming p {
	margin-bottom: 0;
}
.upcoming div.event {
	float: left;
	width: 50%;
	padding: 0 2em;
}
.event-left {
	float: left;
	width: 25%;
	text-align: center;
	padding: 0 1em;
}
.event-left h5 {
	font-size: 1.15em;
	margin-bottom: 0;
}
.event-left h2 {
	color: #587b7c;
	padding: 0.15em 0.25em;
	background: rgba(255,255,255,0.5);
	border: 1px solid #fff;
	margin: 0;
}
.event-right {
	float: left;
	width: 75%;
	padding-top: 1.15em;
}
.event-right h4 {
    font-size: 1.35em;
}
.event-right h4 a {
	font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 700;
    color: #363135;
    text-transform: uppercase;
}
.event-right p {
	margin: 1em 0 1.5em;
}
.flex-mod {
	float: left;
	width: 35%;
	background: #f2f2f2;
}
.flex-mod h3 {
	margin-bottom: 0.15em;
}
.flex-mod img {
	width: 100%;
}
.flex-mod-text {
	padding: 1em 2em;
}
.related-content {
	background: #f2f2f2;
	border-bottom: 4px solid #fff;
}
.related-box {
	float: left;
	width: 33.33%;
	border-right: 4px solid #fff;
}
.related-box h3 {
	color: #65c8c6;
	background: #fff;
	padding: 1em;
	line-height: 1;
	margin: 0 10%;
	text-align: center;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.15);
}
.related-box ul {
	margin: 0 15%;
	margin-top: 2em;
	margin-bottom: 3em;
}
.related-box.affiliate-links ul {
	margin-bottom: 0;
}
.related-box.affiliate-links a.button.arrow {
	margin: 1em 15% 3em;
}
.related-box ul li {
	display: block;
	list-style: none;
	position: relative;
	line-height: 1.1;
	margin-bottom: 0.75em;
	background: url('img/arrow.png') no-repeat top left;
	padding: 0.2em 0 0 2em;
}
.related-box ul li a {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #636363;
	text-decoration: none;
}
.related-box ul li a:hover {
	color: #65c8c6;
}
.documents ul li.file-pdf {
	background:url('img/PDF.png') no-repeat center left;
	background-size: 38px;
}
.documents ul li.file-mp3 {
	background:url('img/MP3.png') no-repeat center left;
}
.documents ul li.file-txt {
	background:url('img/TXT.png') no-repeat center left;
}
.documents ul li.file-doc {
	background:url('img/DOC.png') no-repeat center left;
}
.documents ul li.file-docx {
	background:url('img/DOCX.png') no-repeat center left;
}
.documents ul li.file-html {
	background:url('img/HTML.png') no-repeat center left;
}
.documents ul li.file-jpg {
	background:url('img/JPG.png') no-repeat center left;
}
.documents ul li.file-zip {
	background:url('img/ZIP.png') no-repeat center left;
}
.documents ul li.file-cad {
	background:url('img/CAD.png') no-repeat center left;
}
.documents ul li.file-ppt {
	background:url('img/PPT.png') no-repeat center left;
}
.documents ul li.file-xls {
	background:url('img/XLS.png') no-repeat center left;
}
.documents ul li.file-rar {
	background:url('img/RAR.png') no-repeat center left;
}
.affiliate-links {
	border-right: none !important;
}

/*********************************
	Default Page Styles
*********************************/
.intro-wrap {
	position: relative;
	padding: 4em 0 0;
	border-bottom: 1px solid #fff;
}
.intro {
	position: relative;
}
.intro h1, .intro p {
	color: #fff;
}
.intro-content {
	padding-bottom: 3em;
}
.sub-nav-title {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 17.47%;
	background: #f2f2f2;
	padding: 2em 1em 1em;
}
.sub-nav-title h5 {
	margin-bottom: 0;
	line-height: 1.1;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.45);
}
.content-area {
	position: relative;
	background: #fff;
}
.sub-nav {
	background: #f2f2f2;
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.1);
	padding: 1em 1em 2em;
	position: relative;
}
.sub-nav ul {
	margin: 0;
}
.sub-nav ul li {
	list-style: none;
	display: block;
	position: relative;
	margin-bottom: 0.5em;
}
.sub-nav ul li a {
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #363135;
}
.sub-nav ul li a:hover {
	color: #65c8c6;
}
.page-content {
	position: relative;
	padding: 3em 0;
}
.quote {
	background: #587b7c;
	text-align: center;
	display: table;
	padding: 0 2em;
}
.quote-text {
	display: table-cell;
	vertical-align: middle;
}
.quote-text p {
	color: #fff;
	margin: 1em 0;
	font-size: 2em;
}
.cta-widget {
	position: relative;
	width: 100%;
	padding: 6.5em 1em;
	border-bottom: 4px solid #fff;
}
.cta-content {
	position: relative;
}
.cta-content h1, .cta-content h2, .cta-content h3, .cta-content h4, .cta-content h5, .cta-content p {
	color: #fff;
}

/*********************************
	Donation Page Styles
*********************************/
.page-template-page-donation .mobile-nav-wrap,
.page-template-page-donation .mobile-nav {
	display: block !important;
}
.page-template-page-donation .top-nav ul,
.page-template-page-donation .nav, 
.page-template-page-donation #searchform {
	display: none !important;
}
.page-template-page-donation .nav-wrap {
	border-top: none;
}
.page-template-page-donation .mobile-nav-wrap {
	margin-top: 1.5em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.page-template-page-donation .header-wrap.scrolled .mobile-nav-wrap {
	margin-top: 0;
}
.page-template-page-donation .mobile-nav-wrap p {
	margin-bottom: 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.page-template-page-donation .site-main {
	margin-top: 6em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.donation-form {
	background: #fff;
	background: rgba(255,255,255,0.95);
	padding: 4em 3em 6em;
}
.donation-form h3 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	font-size: 2em;
	color: #f25c5c;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 0.25em;
}
.donation-form .gform_heading hr {
	margin: 1.5em 0;
}
.donation-form .gf_page_steps {
	margin: -2.25em 33% 1em;
}
.donation-form .gform_description {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 1em;
}
.donation-intro {
	padding: 4em 0 1em;
}
.page-template-page-donation .intro-wrap {
	padding: 0;
}
.donation-gallery, .additional-content {
	background: #fff;
}
.donation-gallery img {
	float: left;
	width: 33.33%;
}
.content-block {
	padding: 3em 0;
}
.cb1 {
	background: #f1f1f1;
}

/*********************************
	Events Styles
*********************************/
.page-template-page-events header.page-header {
	display: none;
}
.page-template-page-events .site-content {
	padding-bottom: 3em;
}
.page-template-page-events .flex-mod, .page-template-page-events div.event {
	width: 33.33%;
	float: left;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 28em;
}
.page-template-page-events .flex-mod {
	background: #363135;
}
.page-template-page-events .flex-mod h3 {
	color: #65c8c6;
}
.page-template-page-events .flex-mod p, .page-template-page-events .flex-mod a {
	color: #fff;
}
.page-template-page-events div.event {
	background: #dcdcdc;
	padding: 2em;
}
.events-list {
	padding-bottom: 2em;
}
/*.home .ee-pagination-dv {
	display: none !important;
}
.ee-pagination-dv {
	width: 100% !important;
    height: auto !important;
    visibility: visible !important;
    padding-top: 2em !important;
    text-align: center;
}
.ee-pagination-dv .page-numbers {
	background: #65c8c6;
	color: #fff;
	font-family: 'PT Sans Narrow', sans-serif;
	text-decoration: none;
	padding: 3px 10px;
}
.ee-pagination-dv .page-numbers.current, .ee-pagination-dv .page-numbers:hover  {
	background: #587b7c;
}*/
.page-template-page-events div.event {
	float: left;
	width: 33.33%;
	padding: 2em;
}
.event-left {
	float: left;
	width: 25%;
	text-align: center;
	padding: 0;
}
.event-left h5 {
	font-size: 1.15em;
	margin-bottom: 0;
}
.event-left h2 {
	color: #587b7c;
	padding: 0.15em 0.25em;
	background: rgba(255,255,255,0.5);
	border: 1px solid #fff;
	margin: 0;
}
.event-right {
	float: left;
	width: 70%;
	padding-top: 1.15em;
	margin-left: 5%;
}
.event-right h4 {
    font-size: 1.35em;
}
.event-right h4 a {
	font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 700;
    color: #363135;
    text-transform: uppercase;
}
.event-right p {
	margin: 1em 0 1.5em;
	font-size: 0.85em;
}
.single-event .sub-nav {
	text-align: center;
	margin-bottom: 2em;
}
.single-event .event-left {
	float: none;
	margin: 0 37.5% 1em;
}
.single-event p.date {
	text-align: center;
	font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 700;
    font-size: 1.25em;
}
.single-event .content-area {
	min-height: 44em;
}


/*********************************
		Blog Styles
*********************************/
.blog .intro-content, .archive .intro-content {
	text-align: center;
}
.blog .intro-content h2, .archive .intro-content h2 {
	margin-bottom: 0;
}
.blog .intro-content p, .archive .intro-content p {
	color: #363135;
}
.blog .intro-wrap {
	padding-top: 2em;
	background: #fff;
}
ul.cats {
	position: relative;
	margin: 2em 20% 0;
	text-align: left;
	width: 60%;
}
ul.cats li {
	list-style: none;
}
ul.cats li.placeholder {
	font-family: 'Source Sans Pro', serif;
	font-size: 1em;
	color: #363135;
	background: url('img/dropdown.png') no-repeat 98% center #fff;
	border: 1px solid #ccc;
	padding: 0.5em;
	cursor: pointer;
}
ul.cats.active ul {
	display: block;
}
ul.cats ul {
	position: absolute;
	display: none;
	margin: 0;
	background: #fff;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding: 1em 1em 0.5em;
	z-index: 12;
}
ul.cats ul li {
	margin-bottom: 0.5em;
}
ul.cats ul li a {
	text-decoration: none;
	font-weight: 600;
}
ul.cats ul li a:hover {
	color: #65c8c6;
}
.blog-posts {
	padding-bottom: 2em;
}
.blog-post {
	float: left;
	width: 33.33%; 
	border-right: 1px solid #fff;
	background:#f2f2f2;
	padding: 0 1.5em 1.5em;
}
.blog-post img {
	width: 100%;
	margin-bottom: 1em;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.15);
}
.blog-post#featured-post {
	width: 100%;
	margin-bottom: 1.5em;
	padding: 0;
}
.blog-post#featured-post img, .blog-post#featured-post .post-meta {
	float: left;
}
.blog-post#featured-post img {
	width: 66.66%;
	margin: 0;
	border-right: 2px solid #fff;
	box-shadow: none;
}
.blog-post#featured-post .post-meta {
	width: 33.33%;
	padding: 3em 1.5em;
}
.post-meta h3 {
	font-size: 0.95em;
}
.post-meta h3 a {
	color: #363135;
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
}
p.category a {
	font-weight: bold;
	text-decoration: none;
	color: #587b7c;
}
p.category a:hover {
	color: #4e6061;
}
.blog-signup {
	margin: 2em 0;
	padding: 2em !important;
}
.blog-signup .gform_heading {
	float: left;
	width: 56.66%;
	text-align: left;
}
.blog-signup .gform_heading h3 {
	margin-bottom: 0.05em;
}
.blog-signup .gform_body {
	float: left;
	width: 30.33%;
	margin-top: 0 !important;
	padding-top: 0.25em;
}
.blog-signup .gform_body input[type="text"] {
	border: none;
	height: 2.68em;
}
.blog-signup .gform_footer {
	float: left;
	width: 13.01%;
	padding-top: 0.25em;
}
.blog-signup .gform_footer input[type="submit"] {
	padding: 0.45em 1.5em;
}
#nav-below {
	text-align: center;
	padding: 0 0 2em 0;
	clear: left;
}
.single #nav-below {
	padding-top: 2em;
}
.nav-previous, .nav-next {
	display: inline;
}
.nav-previous a, .nav-next a {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	letter-spacing: 1px;
	text-transform: uppercase;
    color: #fff;
    padding: 0.5em 2em;
    background: #65c8c6;
    text-decoration: none;
}
.nav-previous a:hover, .nav-next a:hover {
	background: #587b7c;
}
.single #featured-post {
	margin: 2em 0;
}
.most-recent {
	padding-bottom: 2em;
}
.most-recent h3 {
	text-align: center;
}

/*********************************
	Search/404 Styles
*********************************/
.entry-content {
	padding: 3em 0;
	text-align: center;
}
.error404 .intro {
	text-align: center;
}
.search-results .site-content, .no-results {
	padding: 3em 0;
}
.search-post {
	padding-bottom: 3em;
	margin-bottom: 3em;
	border-bottom: 1px solid #ccc;
}

/*********************************
	Footer Styles
*********************************/
.footer-reveal-wrap {
	position:relative;
	margin-bottom:31.5em;
	z-index: 9;
	border-bottom: 1px solid #ccc;
} 
.footer-reveal {
	position: fixed;
	width:100%;
	bottom:0;
	z-index:1;
	height:31.5em;
}
.footer-wrap {
	width:100%;
}
.footer-wrap {
	width: 100%;
	background: #363135;	
}
.aff-logos {
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 2em 0 1em;
}
.aff-logos h3 {
	color: #65c8c6;
}
.aff-logos h3 span a {
	font-size: 0.5em;
	font-weight: 400;
    color: #363135;
}
.aff-logos .slick-slide {
	display: inline-block;
	vertical-align: middle;
}
.aff-logos .slick-slide img {
	display: inline;
	text-align: center;
}
.footer-logo, .contact-info, .footer-nav {
	padding: 3em 0;
}
.site-footer h5, .site-footer p, .site-footer a {
	color: #fff;
}
.footer-logo img {
	max-width: 210px;
}
.contact-info a {
	font-weight: 700;
	text-decoration: none;
}
.contact-info a:hover {
	opacity: 0.7;
}
.footer-nav ul {
	margin: 0;
}
.footer-nav ul li {
	list-style: none;
	letter-spacing: 1px;
	padding-bottom: 0.25em;
}
.footer-nav ul li a {
	font-family: 'PT Sans Narrow', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;	
}
.footer-nav ul li a:hover {
	opacity: 0.7;
}
.email-signup {
	background: #1e1d1e;
	padding: 3em 10px 3.9em;
	text-align: center;
}
.email-signup h3 {
	color: #65c8c6;
	margin-bottom: 0.5em;
	line-height: 1;
}
.email-signup .gform_description {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	color: #fff;
}
.email-signup label {
	display: none;
}
.email-signup .gform_body {
	margin-top: 1.25em;
}
.email-signup input {
	display: block;
	width: 100%;
}
p.copyright {
	margin-top: 1.5em;
	font-size: 0.75em;
}
.sticky-wrap {
	height: 100%;
	width: 40px;
	position: relative;
	z-index: 999;
}
#top-link  {
	display:none;
	position:fixed;
	margin: 0 auto;
	right: 16px;
	bottom: 0; 
}


/*********************************
	Responsive Styles
*********************************/
@media all and (max-width: 1275px) {
	.border, .nav-wrap, .top-nav, .intro-wrap, .search-results .site-content, .no-results, .entry-content, .blog-posts, .most-recent, .single-espresso_events .site-content, .site-footer { padding-left: 1em; padding-right: 1em; }
	.donation-intro { padding-left: 1em !important; }
	.logo { padding-left: 1em; }
	.border { margin-left: 80px; }
	.top-nav ul li { padding: 0.25em; }
}
@media all and (max-width: 1190px) {
	.top-nav { padding-left: 0 !important; }
	.slide-image { display: none; }
	.slide-content { width: 100%; padding: 2em 3em; }
	.slide-content img { display: inline-block !important; }
	.cta-widget { padding: 2em 0; }
}
@media all and (max-width: 1125px) {
	.nav ul li a { padding: 0.75em 1em; }
}
@media all and (max-width: 1024px) {
	.header-wrap { position: relative; }
	.site-main, .page-template-page-donation .site-main { margin-top: 0; }
	.mobile-nav-wrap, .mobile-nav { display: block !important; }
	.top-nav ul, .nav, .logo a span, .sub-nav, .sub-nav-title, .footer-nav, .footer-logo { display: none !important; }
	.single-event .sub-nav { display: block !important; width: 100% !important; }
	.contact-info, footer .email-signup { width: 50% !important; margin-left: 0 !important; margin-right: 0 !important; }
	.page-content { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !imporstant; }
	.intro-content { padding-left: 0 !important; }
	.page-content, .intro-content { padding: 1em !important; }
	.contact-info { padding: 1em; }
	h3 { font-size: 1.75em; }
	.event-content { display: none; }
	.upcoming, .flex-mod { width: 100%; }
	.flex-mod img { padding: 1em;}
	.flex-mod img, .flex-mod-text { float: left; width: 50%; }
	.footer-reveal-wrap { margin-bottom:0; } 
	.footer-reveal { position: relative; height: auto; }
	.donation-intro, .donation-form { width: 100% !important; padding: 2em 1em; }
	.donation-form { background: #fff; }
	.page-template-page-events .flex-mod, .page-template-page-events div.event { width: 50% !important; }
	.page-template-page-events .flex-mod img { display: none; }
	.page-template-page-events .flex-mod .flex-mod-text { width: 100%; }
	.blog-post#featured-post { padding: 0 1.5em 1.5em; }
	.blog-post#featured-post img, .blog-post#featured-post .post-meta { float: none; width: 100%; }
	.blog-post#featured-post img { border: none; box-shadow: 0 0 8px 0 rgba(0,0,0,0.15); }
	.blog-post#featured-post .post-meta { padding: 1.5em 0 0; }
	.blog-signup .gform_footer input[type="submit"] { padding: 0.45em 0; }
}
@media all and (max-width: 900px) {
	.upcoming div.event { width: 100%; margin-bottom: 1em; padding: 0 1em; }
}
@media all and (max-width: 850px) {
	.slide-content { padding: 2em 3em; }
	.flex-mod img { display: none; }
	.flex-mod-text { width: 100%; }
	.related-box { width: 100% !important; border-top: 4px solid #fff; border-right: none !important;  }
}
@media all and (max-width: 825px) {
	.top-nav #searchform input[type="search"] { width: 75%; }
	.mission-wrap { padding: 2em 1em; }
	.mission-title, .mission-description { width: 100% !important; margin: 0 !important; padding: 0 !important; }
	.mission-title h2 { padding: 0; background: none; font-size: 2em; box-shadow: none; margin-bottom: 1em;}
	.blog-post .post-meta a.button { display: block; width: 100%; text-align: center; }
}
@media all and (max-width: 750px) {
	.page-template-page-events .flex-mod, .page-template-page-events div.event { width: 100% !important; height: auto; }
}
@media all and (max-width: 700px) {
	.top-nav #searchform input[type="search"] { width: 75%; }
	.contact-info, footer .email-signup { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; text-align: center;}
	.email-signup.blog-signup { display: none;}
	.blog-post { width: 100%; border-bottom: 1px solid #fff; border-right: none; }
	.nav-next, .nav-previous { display: block;}
	.nav-previous { margin-bottom: 1.5em;}
}
@media all and (max-width: 600px) {
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth { width: 100%; }
	header #searchform { display: none; }
	.mobile-nav-wrap { padding-top: 1.25em; }
	.upcoming .espresso_events { width: 100%; text-align: center; padding-bottom: 1em; }
	.upcoming {	padding-bottom: 0; padding-top: 1.75em;}
}
@media all and (max-width: 450px) {
	a.button { display: block; width: 98%; margin: 0 1%; margin-bottom: 0.25em; text-align: center; }
	p.page-headline { font-size: 1.15em; }
	h1 { font-size: 2em; }
	h2 { font-size: 1.65em; }
	h3 { font-size: 1.5em; }
	.border-wrap { display: none; }
	.post-content { padding-right: 1em !important; padding-left: 1em !important;}
	ul.cats { width: 100%; margin: 2em 0 0;}
}