/*
Theme Name: Wide Eye Creative
Theme URI: http://www.wideeyecreative.com
Author: Wide Eye Creative
Author URI: http://www.wideeyecreative.com
Description: Custom Wide Eye Creative Theme for WordPress
Version: 1.0
*/

/*=============================
=            FONTS            =
=============================*/
/**
 *	Name: 	Jubilat
 *	Code: 	font-family: "jubilat",sans-serif;
 *	Sizes: 	500
 */
/**
 *	Name: 	Soleil
 *	Code: 	font-family: "soleil",sans-serif;
 *	Sizes: 	300, 400, 500, 600, 700,
 */
/**
 *	Name: 	Brandon Grotesque
 *	Code: 	font-family: "brandon-grotesque",sans-serif;
 *	Sizes: 	400, 500, 700
 */



/*================================
=            BASE CSS            =
================================*/
body {
	text-rendering: optimizelegibility;
	font-family: "soleil",sans-serif;
	background: #f9f7f4;
	color: #284968;
	-webkit-font-smoothing: antialiased;
}
section, header, footer, main, aside, nav {
	position: relative;
}
a {
	-webkit-transition: all 225ms ease;
	-moz-transition: all 225ms ease;
	transition: all 225ms ease;
	text-decoration: none !important;
	-webkit-font-smoothing: antialiased;
	color:#075194;
}
a:hover {
	color:#4cac55;
}
p {
	font-family: "soleil",sans-serif;
	color: #284968;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0em;
	margin-bottom: 25px;
	-webkit-font-smoothing: antialiased;
}
main ul li {
	color: #284968;
	margin-bottom: 15px;
}
input {
	border: none;
	outline: none;
	border-top: solid 1px #ced4da;
	color: #4b5969;
	font-size: 18px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	letter-spacing: -0.02em;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	font-family: "soleil",sans-serif;
	height: 48px;
	line-height: 48px;
	padding-left: 15px;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
textarea  {
	border-top: solid 1px #ced4da;
	color: #4b5969;
	letter-spacing: -0.02em;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
	font-family: "soleil",sans-serif;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
h1, .h1 {
	font-family: "jubilat",sans-serif;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
}
h2, .h2 {
	font-family: "jubilat",sans-serif;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
}
h3, .h3 {
	font-family: "brandon-grotesque",sans-serif;
	color: #284968;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}
h4, .h4 {
	color: #284968;
	font-size: 21px;
	letter-spacing: -0.02em;
	line-height: 28px;
	font-family: "soleil",sans-serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
}
hr {
	width: 34px;
	border-top: solid #d7d1c4 5px;
	margin: 15px auto;
}
blockquote {
	padding: 30px 0;
	margin: 35px 2em;
	position: relative;
	display: block;
}
blockquote p {
	margin: 0 !important;
	padding: 0 !important;
}
blockquote, blockquote p {
	text-align: center;
	border: none;
	color: #0e3a7f;
	letter-spacing: -0.02em;
	line-height: 46px;
	font-size: 30px;
	font-family: "soleil",sans-serif;
}
blockquote:before, blockquote:after {
	display: block;
	position: absolute;
	content: ' ';
	width: 120px;
	height: 5px;
	background: #e0e7eb;
	left: 50%;
	margin-left: -60px;
}
blockquote:before {
	top: 0;
}
blockquote:after {
	bottom: 0;
}
p.bigger_text {
	text-align: center;
	color: #0e3a7f;
	font-size: 30px;
	line-height: 46px;
	letter-spacing: -.02em;
	margin-bottom:40px;
}
p.bigger_text:after {
	display: block;
	position: absolute;
	content: ' ';
	width: 120px;
	height: 5px;
	background: #e0e7eb;
	left: 50%;
	margin-left: -60px;
	margin-top:15px;
}
::selection {
	background: #4cac55;
	color: #fff;
}
::-moz-selection {
	background: #4cac55;
	color: #fff;
}



/*========================================
=            INDIVIDUAL ITEMS            =
========================================*/
#site-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: #fff;
}
#post-template {
	display: none;
}
.container {
	max-width: 980px;
}
.btn {
	position: relative;
	-webkit-transition: all 225ms ease;
	-moz-transition: all 225ms ease;
	transition: all 225ms ease;
	letter-spacing: 0.06em;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff !important;
	outline: none !important;
	-webkit-font-smoothing: antialiased;
	-webkit-box-shadow: 0 2px 0px 0 rgba(0,0,0,.15) !important;
	-moz-box-shadow: 0 2px 0px 0 rgba(0,0,0,.15) !important;
	box-shadow: 0 2px 0px 0 rgba(0,0,0,.15) !important;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	border-radius: 1px;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.btn-blue {
	background: #075194;
}
.btn-blue:focus, .btn-blue:hover {
	background: #146abd;
}
.btn-blue:active {
	background: #2781d9;
}
.btn-blue i {
	color: #0c326f !important;
}
.btn-blue-inverse {
	background: none !important;
	border: solid 2px #5979c1;
}
.btn-blue-inverse:hover, .btn-blue-inverse:focus {
	border-color: #5979c1;
	background: #5979c1 !important;
}
.btn-blue-inverse:active {
	border-color: #658add;
	background: #658add !important;
}
.btn-light-blue {
	background: #83aad9;
}
.btn-light-blue:hover, .btn-light-blue:focus {
	background: #82b6eb;
}
.btn-light-blue:active {
	background: #8fc7ff;
}
.btn-green {
	background: #4cac55;
}
.btn-green:hover, .btn-green:focus {
	background: #56c44f;
}
.btn-green:active {
	background: #64e05b;
}
.btn-green i {
	color: #21821b !important;
}
.btn-white {
	background: #fff;
	color: #33992c !important;
}
.btn-white:hover, .btn-white:focus {
	background: #f7f7f7;
}
.btn-white:active {
	background: #eee;
}
.btn-facebook {
	background: #3b5998;
}
.btn-facebook:hover, .btn-facebook:focus {
	background: #4d70b9;
}
.btn-facebook:active {
	background: #557bca;
}
.btn-twitter {
	background: #00aced;
}
.btn-twitter:hover, .btn-twitter:focus {
	background: #13b7f5;
}
.btn-twitter:active {
	background: #1dc1ff;
}
.btn.add-shadow {
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
}
.triangle-down {
	position: absolute;
	bottom: -12px;
	left: 50%;
	width: 64px;
	margin-left: -32px;
	z-index: 999;
}
hr.large {
	width: 120px;
	margin: 25px auto;
}
hr.gray {
	border-top: solid 5px #e0e7eb;
}
.loader {
	height:75px;
	width:75px;
	position: absolute;
	left: 50%;
	top: 275px;
	margin-top: -15px;
	margin-left: -15px;
	-webkit-animation: rotation .4s infinite linear;
	-moz-animation: rotation .4s infinite linear;
	-o-animation: rotation .4s infinite linear;
	animation: rotation .4s infinite linear;
	border-left:2px solid rgba(7, 81, 148,.15);
	border-right:2px solid rgba(7, 81, 148,.15);
	border-bottom:2px solid rgba(7, 81, 148,.15);
	border-top:3px solid rgba(7, 81, 148,.8);
	border-radius:100%;
}
.fade-in-down {
	display: none;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.fade-in-up {
	display: none;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.fade-in-down.show, .fade-in-up.show {
	display: block;
}







/*===================================
=            SITE HEADER            =
===================================*/
#site-header {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	z-index: 99999;
	height: 54px;
	-webkit-transition: all 225ms ease;
	-moz-transition: all 225ms ease;
	transition: all 225ms ease;
}
#site-header .container-fluid {
	max-width: 1358px;
}
#site-header a.logo {
	float: left;
	display: block;
	width: 214px;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	border-left: 1px solid rgba(0, 0, 0, 0.15);
	border-right: 1px solid rgba(0, 0, 0, 0.15);
	z-index: 99;
	position: relative;
}
#site-header a.logo img {
	width: 100%;
}
#site-header .big-buttons {
	float: right;
	width: 367px;
}
#site-header .big-buttons a {
	float: left;
	height: 54px;
	line-height: 54px;
	padding: 0;
	width: 50%;
	padding-right: 10px;
}
#site-header .big-buttons a span {
	position: relative;
}
#site-header .big-buttons a i {
	position: absolute;
	font-size: 21px;
	top: -2px;
	right: -15px;
}
#site-header nav {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	padding-right: 10em;
	margin-top: 15px;

	-webkit-transition: all 225ms ease;
	-moz-transition: all 225ms ease;
	transition: all 225ms ease;
}
#site-header nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#site-header nav ul li {
	display: inline-block;
	position: relative;
}
#site-header nav ul li a {
	display: block;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	margin: 0 15px;
	padding-bottom: 15px;
}
#site-header nav ul li a:hover {
	filter: alpha(opacity=80);
	opacity: 0.80;
}
.white #site-header nav ul li a {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2);
}
.blue #site-header nav ul li a {
	color: #103373;
}
#site-header nav ul li.social a {
	font-size: 17px;
}
.sticky #site-header-wrap {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	-webkit-animation-duration: 250ms;
	animation-duration: 250ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: slideDown;
	animation-name: slideDown;
}
.sticky #site-header {
	background: rgb(7, 81, 148);
	background: rgba(7, 81, 148, 0.98);
	height: 73px;
	max-width: 1920px;
	width: 100%;
	position: relative;
	margin: 0 auto;
	-webkit-box-shadow: 0 2px 0px 0 rgba(0,0,0,.15) !important;
	-moz-box-shadow: 0 2px 0px 0 rgba(0,0,0,.15) !important;
	box-shadow: 0 2px 0px 0 rgba(0,0,0,.15) !important;
}
.sticky #site-header a.logo {
	width: 150px;
}
.sticky #site-header nav {
	margin-top: 23px;
}
.sticky #site-header nav ul li a {
	color: #fff !important;
}
.sticky #site-header .big-buttons a {
	height: 73px;
	line-height: 73px;
	border: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.sticky #site-header .big-buttons a.btn-blue {
	background:#0c326f;
}
.sticky #site-header .big-buttons a.btn-blue i {
	color: #001941 !important;
}
.sticky #site-header .big-buttons a:hover.btn-blue {
	background:#00296B;
}
#site-header .toggle-nav {
	display: none;
}
#site-header nav ul ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	min-width: 160px;
	margin: 0 0 0;
	list-style: none;
	background-color: #fff;
	border:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0 2px 0px 0 rgba(0,0,0,.15);
	-moz-box-shadow: 0 2px 0px 0 rgba(0,0,0,.15);
	box-shadow: 0 2px 0px 0 rgba(0,0,0,.15);
	text-align: left;
	padding: 10px 0 !important;


	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
#site-header nav ul ul:before {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
	content: '';
}
#site-header nav ul ul li {
	display: block;
}
#site-header nav ul ul li a {
	margin: 0;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
	display: block;
	color: #075194 !important;
	zoom: 1;
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
}
#site-header nav ul ul li a:hover {
	background: #075194 !important;
	color: #fff !important;
}
#site-header nav ul.sub-menu a {
	text-shadow: none !important;
}

.sticky #site-header nav ul ul li a {
	color: #075194 !important;
}
.sticky #site-header nav ul ul li a:hover {
	color: #fff !important;
}
.sticky #site-header nav ul ul {
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
#site-header nav ul li.menu-item-has-children:hover ul, #site-header nav ul ul:hover {
	display: block;
}










/*==================================
=            MOBILE NAV            =
==================================*/
#mobile-nav {
	position: absolute;
	top: 0;
	right: -255px;
	width: 255px;
	background: #0c326f;
	color: #cfe7ff;
	height: 100%;
	display: none;
	-moz-box-shadow: inset 10px 0px 12px 0px rgba(50, 50, 50, 0.15);
	-webkit-box-shadow: inset 10px 0px 12px 0px rgba(50, 50, 50, 0.15);
	box-shadow: inset 10px 0px 12px 0px rgba(50, 50, 50, 0.15);
}
#mobile-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#mobile-nav ul li.social { display: none; }
#mobile-nav a {
	color: #cfe7ff;
	display: block;
	text-align: center;
	height: 60px;
	line-height: 60px;
	color: #cfe7ff;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.06em;
	font-weight: 700;
	font-family: "brandon-grotesque",sans-serif;
}
#mobile-nav a:hover {
	background: #05275e;
}
.show-nav #site-canvas {
	-webkit-transform: translateX(-255px);
	-o-transform: translateX(-255px);
	-ms-transform: translateX(-255px);
	-moz-transform: translateX(-255px);
	transform: translateX(-255px);

	-webkit-transform: translate3d(-255px);
	-o-transform: translate3d(-255px);
	-ms-transform: translate3d(-255px);
	-moz-transform: translate3d(-255px);
	transform: translate3d(-255px);

}











/*===============================
=            CALLOUT            =
===============================*/
#callout {
	text-align: center;
	min-height: 610px;
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	background: #000;
}
#callout * {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}
#callout .slide {
	height: 610px;
}
#callout .bxslider {
	display: block;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}
#callout .bx-wrapper .bx-viewport {
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	left: 0;
	border: none;
}
#callout .bxslider li {
	left: 0;
}
#callout .bx-controls-direction a {
	text-indent: 0;
	color: #103373;
	font-size: 45px;
	margin-top: -16px;
	z-index: 9999;
}
#callout .bx-controls-direction a i {
	display: block;
	margin-top: -7px;
}
#callout .slide {
	background-repeat: no-repeat;
	background-position: 50% 0;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#callout .signup {
	padding: 205px 0 143px;
}
#callout span.subheading {
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	margin: 0 0 5px 0;
	display: block;
}
#callout .signup h1 {
	color: #fff;
	margin: 0;
	font-size: 54px;
}
#callout .signup form {
	width: 338px;
	margin: 23px auto 0;
}
#callout .signup form input, #callout .signup form button {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0;
}
#callout .signup form input {
	padding-left: 30px
}
#callout .signup form input.email {
	border-top: none;
	background-image: url('images/icon-at.png');
	background-repeat: no-repeat;
	background-position: 10px 19px;
	-ms-background-size: 13px;
	-o-background-size: 13px;
	-moz-background-size: 13px;
	-webkit-background-size: 13px;
	background-size: 13px;
}
#callout .signup form input.zip {
	background-image: url('images/icon-gps.png');
	background-repeat: no-repeat;
	background-position: 10px 19px;
	-ms-background-size: 9px;
	-o-background-size: 9px;
	-moz-background-size: 9px;
	-webkit-background-size: 9px;
	background-size: 9px;
}
#callout .signup form button {
	font-size: 16px;
}
#callout .link {
	padding: 205px 0 143px;
}
#callout .link span.subheading {
	color: #0a3a79;
}
#callout .link h1 {
	color: #0a3472;
	margin: 0;
	font-size: 54px;
}
#callout .link p {
	color: #060f3b;
	line-height: 25px;
	font-size: 15px;
	letter-spacing: -0.02em;
	margin: 20px auto 30px;
	max-width: 360px;
}
#callout .link a.btn {
	width: 339px;
	height: 55px;
	line-height: 55px;
	padding: 0;
	font-size: 16px;
}
#callout .video {
	padding: 234px 0 168px;
}
#callout .video h1 {
	color: #fff;
	margin: 0;
	font-size: 54px;
}
#callout .video p {
	color: #fff;
	font-size: 17px;
	letter-spacing: -0.02em;
	line-height: 25px;
}
#callout .video a.play-button {
	width: 100px;
	height: 100px;
	line-height: 100px;
	display: block;
	margin: 0 auto;
	background: #fff;
	color: #52ac4c;
	font-size: 36px;
	-moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
	margin-top: 25px;
}
#callout .video a.play-button:hover {
	background: #f7f7f7;
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-duration: 400ms;
	animation-duration: 400ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
#callout .video a.play-button:active {
	background: #eee;
}
#callout.signup-arrows .bx-controls-direction a {
	color: #fff;
}
#callout.link-arrows .bx-controls-direction a {
	color: #103373;
}
#callout.video-arrows .bx-controls-direction a {
	color: #fff;
}
#callout .html {
	padding: 234px 0 168px;
}


#callout.white .bx-controls-direction a {
	color: #fff;
}
#callout .white h1 {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2) !important;
}
#callout .white p {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2) !important;
	opacity: .9;
}
#callout .white span.subheading {
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2) !important;
}

#callout.blue .bx-controls-direction a {
	color: #103373;
}
#callout .blue h1 {
	color: #0a3472;
}
#callout .blue p {
	color: #060f3b;
}
#callout .blue span.subheading {
	color: #0a3a79;
}
















/*===============================
=            ACTIONS            =
===============================*/
#actions .action {
	padding: 0;
}
#actions a {
	display: block;
	width: 100%;
	text-align: center;
	height: 73px;
	padding: 18px 0 0;
	color: #cfe7ff;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 0.06em;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	-webkit-font-smoothing: antialiased;
}

.home #actions a {
	height: 104px;
	padding: 30px 0;
}


#actions .contribute a {
	background: #4cac55;
	color: #e9fedf;
}
#actions .contribute a:hover {
	background: #499744;
}
#actions .contribute a:active {
	background: #40843b;
}
#actions .email a, #actions .facebook a {
	background: #0e3a7f;
	color: #cfe7ff;
}
#actions .email a:hover, #actions .facebook a:hover {
	background: #0A2857;
}
#actions .email a:active, #actions .facebook a:active {
	background: #091F42;
}
#actions .volunteer a {
	background: #0c326f;
	color: #cfe7ff;
}
#actions .volunteer a:hover {
	background: #05275e;
}
#actions .volunteer a:active {
	background: #0b2653;
}
#actions .top {
	max-width: 136px;
	width: 100%;
	margin: 0 auto;
	display: block;
}
#actions .top hr, #actions .top img {
	float: left;
	width: 33%;
}
#actions .top img {
	width: 22%;
	margin: 0 5%;
}
#actions .top hr {
	margin: 7px 0 10px;
}
#actions .contribute .top hr {
	border-color: #5bb757;
}
#actions .email .top hr, #actions .facebook .top hr {
	border-color: #0f4191;
}
#actions .email .top hr {
	margin-top: 5px;
}
#actions .email .top img {
	width: 15%;
	margin: 0 9%;
}
#actions .facebook .top img {
	width: 14%;
	margin: 0 10%;
}
#actions .volunteer .top hr {
	border-color: #0d387e;
	margin: 9px 0 10px;
}
#actions .volunteer .top img {
	width: 16%;
	margin: 0 9%;
}










/*============================
=            FEED            =
============================*/
#feed {
	padding: 75px 0;
	background: #f3f0ea;
}
#feed .feed-title hr {
	margin-top: 0;
}
#feed .feed-title h3 {
	margin: 0 auto 35px;
	display: block;
	text-align: center;
	color: #274e86;
	font-size: 22px;
	letter-spacing: 0.04em;
}
#feed .feed {
	cursor: pointer;
	display: block;
	width: 100%;
	background: #fff;
	text-align: center;
	position: relative;
	padding-bottom: 80px;
	border: solid 1px #e7e4de;

	-webkit-transition: all 225ms ease;
	-moz-transition: all 225ms ease;
	transition: all 225ms ease;
}
#feed .feed .image {
	position: relative;
	height: 160px;
	width: 100%;
	overflow: hidden;
}
#feed .feed .image img {
	position: absolute;
	left: -15%;
	top: -10%;
	width: 130%;
	max-width: none;
}
#feed .feed .text {
	padding: 30px;
}
#feed .feed .text h4 {
	margin: 0;
}
#feed .feed .text h4 a {
	color: #103373;
}
#feed .feed:hover {
	background: #f7f7f7;
}
#feed .feed .meta {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height:80px;
}
#feed .feed .meta span {
	display: block;
	width: 100%;
}
#feed .feed .meta span.time {
	color: #a1b3c5;
	font-size: 11px;
	letter-spacing: 0.06em;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 20px;
}
#feed .feed .meta span.time i {
	color: #d0d9e2;
	margin-right: 5px;
	font-size: 13px;
}
#feed .feed .meta span.more a {
	display: block;
	height: 45px;
	line-height: 45px;
	color: #32992c;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	font-family: "brandon-grotesque",sans-serif;
	border-top: 1px solid #efece5;
}

#feed .feed .icon {
	display: block;
	width: 36px;
	height: 36px;
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -18px;
	z-index: 999;
	background: #e3e3e3;
}
#feed .feed.news .icon {
	background: #4cac55;
}
#feed .feed.news .icon img {
	width: 24px;
	display: block;
	margin: 11px auto 0;
}
#feed .feed.twitter .icon {
	background: #00aced;
}
#feed .feed.twitter .icon i {
	color: #fff !important;
	font-size: 18px;
	margin-top: 10px;
}
#feed .feed.facebook .icon {
	background: #3b589c;
}
#feed .feed.facebook .icon i {
	color: #fff !important;
	font-size: 18px;
	margin-top: 10px;
}
#feed .bx-wrapper .bx-viewport {
	background: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	left: 0;
	border: none;
}
#feed .bxslider li {
	padding: 18px 0;
}
#feed .bxslider .bx-controls a {
	position: absolute;
	padding: 0;
	border: none;
	background: none;
	text-indent: none;
}
#feed .bx-wrapper .bx-controls-direction a {
	z-index: 99999;
	text-indent: 0;
	text-align: center;
	color: #848077;
	font-size: 32px;
	line-height: 100%;
	display: block;
	background: none !important;
	margin-top: -40px;
}



















/*==============================
=            BLURBS            =
==============================*/
.blurb {
	padding: 50px 0;
	text-align: center;
}
.blurb h3 {
	margin: 0 0 10px;
	font-size: 22px;
	color:#0a2753;
}
.blurb p {
	color: #284968;
	letter-spacing: -0.02em;
	line-height: 25px;
	font-size: 15px;
	margin: 0;
	font-family: "soleil",sans-serif;
	font-weight: 400;
	opacity: .8;
}
#blurb-fancy {
	background: #0c326f;
}
#blurb-fancy hr {
	border-color: #0d387e;
	width: 100%;
	margin: 0;
	margin-top: -21px;
}
#blurb-fancy h3 {
	color: #cfe7ff;
	font-size: 16px;
	letter-spacing: 0.04em;
}
#blurb-fancy h3 span {
	padding: 0 17px;
	background: #0c326f;
}










/*======================================
=            COMMIT TO VOTE            =
======================================*/
#commit-to-vote article {
	background-repeat: no-repeat;
	background-position: 50% 0;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
}
#commit-to-vote .fit {
	min-height: 575px !important;
}
#commit-to-vote h1 {
	color: #fff;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0;
}
#commit-to-vote h1 span {
	color: #fff;
	margin: 0;
	display: block;
}
#commit-to-vote h1 span.small-heading {
	letter-spacing: 0.3em;
	font-size: 28px;
	
		-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
		
}
#commit-to-vote h1 span.big-heading {
	font-size: 147px;
	letter-spacing: 0.2em;
	margin-top: -9px;
	
		-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;

}
#commit-to-vote hr {
	width: 75px;
	height: 4px;
	background: #fff;
	border: none;
	opacity: 1;
	margin-top: -5px;
	margin-bottom: 18px;
}
#commit-to-vote p {
	color: #fff;
	margin-bottom: 15px;
	font-size: 18px;
}
#commit-to-vote form {
	max-width: 360px;
	width: 100%;
	margin: 0 auto;
}
#commit-to-vote input, #commit-to-vote button {
	width: 100%;
	display: block;
	padding: 0;
}
#commit-to-vote input {
	padding-left: 20px;
	color: #3e556d;
	font-size: 23px;
	letter-spacing: -0.02em;
	border-color: #d5dce4;
	height: 48px;
	line-height: 48px;
}
#commit-to-vote input.zip {
	border-bottom: none !important;
}
#commit-to-vote button {
	font-size: 30px;
	letter-spacing: 0.02em;
	font-family: "jubilat",sans-serif;
	text-transform: none;
	font-weight: 500;
	height: 63px;
	line-height: 63px;
}
#commit-to-vote button i {
	position: absolute;
	right: 20px;
	top: 14px;
}
#commit-to-vote .wrap {
	position: absolute;
	height: 500px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -55%);
	-moz-transform: translate(-50%, -55%);
	-ms-transform: translate(-50%, -55%);
	-o-transform: translate(-50%, -55%);
	transform: translate(-50%, -55%);
}
#commit-to-vote #share-bar {
	border-bottom: solid 1px #e5e5e5;	
	border-top: solid 1px #e5e5e5;	
	background: #fff;
	text-align: center;
	position: relative;
	margin-top: -1px;
}
#commit-to-vote #share-bar:before {
	position: absolute;
	bottom: 100%;
	width: 100%;
	height: 35px;
	color: #fff;
	text-align: center;
	left: 0;
	content: 'Share';
	display: block;
	text-transform: uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	letter-spacing: 0.3em;
}
#commit-to-vote #share-bar a {
	display: inline-block;
	height: 73px;
	line-height: 73px;
	padding: 0 60px;
	color: #94a3b5;
	font-size: 30px;
	border-right: solid 1px #e5e5e5;
	margin-top: -1px;
	margin-left: -2px;
	margin-right: -2px;
}
#commit-to-vote #share-bar a.facebook {
	border-left: solid 1px #e5e5e5;
}
#commit-to-vote #share-bar span, #commit-to-vote #share-bar a {
	outline: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
#commit-to-vote #share-bar a:hover {
	color: #fff;
}
#commit-to-vote #share-bar a.facebook:hover {
	background: #3b5998 !important;
	border-color: #3b5998 !important;
}
#commit-to-vote #share-bar a.twitter:hover {
	background: #00aced;
	border-color: #00aced;
}
#commit-to-vote #share-bar a.addthis_button_email:hover {
	background: #075194 !important;
	border-color: #075194;
}
#commit-to-vote #site-footer {
	background: #fff;
}
#commit-to-vote #site-footer p {
	color: #94a3b5;
}
#commit-to-vote #site-footer a {
	font-weight: 700;
	color: #94a3b5;
}
#commit-to-vote #site-footer a:hover {
	color: #4cac55;
}
#commit-to-vote a.skip {
	padding: 0;
	height: 56px;
	line-height: 56px;
	max-width: 425px;
	width: 100%;
	margin: 0 auto;
	margin-top: 25px;
	margin-bottom: 33px;
	font-size: 15px;
}
#commit-to-vote .end a.facebook, #commit-to-vote .end a.twitter {
	height: 48px;
	line-height: 48px;
	display: block;
	padding: 0;
	margin: 0 auto;
	margin-bottom: 10px;
	max-width: 365px;
}
#commit-to-vote .vote-group {
	display: none;
}
#commit-to-vote .vote-group.showing {
	display: block;
}
#commit-to-vote .vote-group.showing.end {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
#commit-to-vote .end a.facebook i, #commit-to-vote .end a.twitter i {
	position: absolute;
	left: 18px;
	top: 14px;
	font-size: 22px;
}
	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) {

	}

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px) {

	}

	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {
		#commit-to-vote h1 span.big-heading {
			font-size: 125px;
		}
		#commit-to-vote article {
			padding: 60px 0;
		}
		#commit-to-vote .fit {
			height: auto !important;
		}
	}

	/* Extra Small Devices, Phones */ 
	@media only screen and (max-width : 480px) {
		#commit-to-vote h1 span.big-heading {
			font-size: 85px;
			margin-bottom: 15px;
		}
		#commit-to-vote #share-bar a {
			display: block;
			border: none;
			width: 100%;
			margin: 0;
		}
	}

	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {
		
	}





/*==============================
=            ISSUES            =
==============================*/
main.issues.page .panel-group .panel {
	position: relative;
}
main.issues.page .panel-group .panel:after {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	content: ' ';
	background: #e0e7eb;
	height: 2px;
}
main.issues.page .panel-default > .panel-heading {
	background: none;
	border: none;
	padding: 0;
}
main.issues.page #accordion * {
	border: none !important;
	background: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
main.issues.page .panel-group .panel+.panel {
	margin-top: 0;
}
main.issues.page #accordion h4 {
	color: #075194;
	letter-spacing: -0.02em;
	line-height: 32px;
	font-size: 32px;
	font-family: "soleil",sans-serif;
	font-weight: 600;
	margin: 0;
}
main.issues.page #accordion h4 a {
	padding: 28px 45px 38px 55px;
	position: relative;
	display: block;
}
main.issues.page #accordion h4 a:hover {
	background: #f7f7f7;
}
main.issues.page #accordion h4 img {
	position: absolute;
	max-width: 40px;
	top: 25px;
	left: 0;
}
main.issues.page #accordion h4 i {
	color: #94a3b5;
	font-size: 43px;
	position: absolute;
	right: 5px;
	top: 25px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
main.issues.page #accordion h4 .collapsed i {
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
}
main.issues.page .panel-default>.panel-heading+.panel-collapse .panel-body {
	padding: 0 0 30px;
}

.footnotes {
	font-size: 13px;
	padding-top: 15px;
}









/*==================================
=            HOME ABOUT            =
==================================*/
#home-about {
	background: #000;
	text-align: center;
	padding-top: 140px;
	padding-bottom: 125px;

	background-repeat: no-repeat;
	background-position: 50% 0;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#home-about h2 {
	color: #fff;
	margin: 0;
	font-size: 48px;
}
#home-about hr {
	border-color: #fff;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.50;
	margin: 6px auto 12px;
}
#home-about p {
	color: #fff;
	font-size: 15px;
	letter-spacing: -0.02em;
	line-height: 25px;
	margin: 0 0 50px;
}
#home-about a.btn {
	width: 188px;
	padding: 0;
	line-height: 46px;
	height: 46px;
	position: relative;
	font-size: 13px;
	margin: 0 5px;
}
#home-about a.btn-blue-inverse {
	padding-left: 20px;
}
#home-about a.btn-blue-inverse i.facebook {
	position: absolute;
	top: 15px;
	font-size: 16px;
	left: 0;
	padding-left: 20px;
}








/*===================================
=            HOME LATEST            =
===================================*/
#home-latest {
	padding: 110px 0 130px;
	background: #005095;
	text-align: center;
}
#home-latest iframe {
	width: 100%;
	height: 300px;
}
#home-latest h2 {
	color: #fff;
	font-size: 53px;
	margin: 0;
}
#home-latest hr {
	border-color: #fff;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.50;
	margin: 6px auto 12px;
}
#home-latest p {
	color: #fff;
	font-size: 15px;
	line-height: 25px;
	letter-spacing: -0.02em;
	zoom: 1;
	filter: alpha(opacity=80);
	opacity: 0.80;
	margin: 0 0 30px;
}
#home-latest a {
	width: 225px;
	height: 45px;
	line-height: 45px;
	padding: 0;
}
#home-latest .video {
	padding-right: 4em;
}







/*==================================
=            SHARE POST            =
==================================*/
#share #callout {
	height: 128px;
	min-height: 128px;
}
#share main {
	padding: 30px 0 75px;
}
#share h1.inner.title {
	font-size: 48px;
}
#share hr.large {
	margin: 10px auto;
}
.share-post {
	position: absolute;
	top: 40%;
	right: 0;
}
.share-post ul {
	list-style: none;
	marign: 0;
	padding: 0;
}
.share-post ul li {
	margin-bottom:0;
}
.share-post ul a {
	display: block;
	width: 45px;
	height: 50px;
	line-height: 42px;
	color: #fff;
	background: none;
	text-align: center;
	border: 3px solid rgb(255, 255, 255);
	border: 3px solid rgba(255, 255, 255, 0.5);
	border-bottom: 3px solid rgba(255, 255, 255, 0.1);
	border-right: none;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	font-size: 18px;
	margin-top: -3px;
}
.share-post ul .email a {
	outline: none !important;
	border-bottom: 3px solid rgb(255, 255, 255);
	border-bottom: 3px solid rgba(255, 255, 255, 0.5);
}
.share-post ul a:hover {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.5);
}
.share-post.alt {
	top: 80px;
}
.share-post.alt a {
	border: none !important;
	margin: 0 0;
	height: 50px;
	line-height: 50px;
	width: 50px;
	font-size: 21px;
	-webkit-box-shadow: 0 2px 0px 0 rgba(0,0,0,.15) !important;
	-moz-box-shadow: 0 2px 0px 0 rgba(0,0,0,.15) !important;
	box-shadow: 0 2px 0px 0 rgba(0,0,0,.15) !important;
}
.share-post.alt .facebook a {
	background: #3b5998;
}
.share-post.alt .facebook a:hover {
	background: #4d70b9;
}
.share-post.alt .twitter a {
	background: #00aced;
}
.share-post.alt .twitter a:hover {
	background: #13b7f5;
}
.share-post.alt .email a {
	background: #83aad9;
}
.share-post.alt .email a:hover {
	background: #82b6eb;
}






/*==============================
=            TOPPER            =
==============================*/
#callout.inner {
	height: 562px;
	min-height: 562px;
}
#callout.page {
	text-align: left;
}
#topper {
	background: url('images/background-issues.jpg') no-repeat 50% 0;
	-moz-background-size: cover !important;
	-ms-background-size: cover !important;
	-o-background-size: cover !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
}
#topper .content {
	height: 562px;
}
#topper .content span.bottom {
	position: absolute;
	width: 100%;
	display: block;
	bottom: 0;
	left: 15px;
}
#callout.page .h4 {
	color: #fff;
	font-size: 18px;
	letter-spacing: 0.3em;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	margin: 0;
	text-transform: uppercase;
	margin-bottom: 8px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2) !important;
}
#callout.page .h1 {
	color: #fff;
	margin: 0;
	font-size: 72px;
	margin-bottom: 15px;
	padding-right: 30px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2) !important;
}
#callout.page hr {
	border-top: 8px solid #fff;
	width: 100px;
	margin: 0 0 54px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2) !important;
}
#callout.narrow, #callout.narrow #topper .content {
	height: 220px;
	min-height: 220px;
}
#callout.narrow #topper {
	background: url('images/background-narrow.jpg') no-repeat 50% 0;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#callout.narrow.single #topper {
	background: url('images/background-single.jpg') no-repeat 50% 0;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#callout.narrow h4 {
	letter-spacing: 0.3em;
	color: #fff;
	font-size: 34px;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2) !important;
}
#callout.narrow hr {
	border-color: #fff;
	margin-top: 15px;
	margin-bottom: 28px;
}
#callout.narrow .share-post {
	top: 31%;
}
#callout.narrow .content span.bottom {
	left: 0;
}
#callout.index #topper {
	background: url('images/background-newsroom.jpg') no-repeat 50% 0;
}






/*=============================
=            INNER            =
=============================*/
main {
	background: #fff;
	padding: 90px 0 120px;
}
p.lead {
	color: #0e3a7f;
	font-size: 30px;
	text-align: center;
	display: block;
	letter-spacing: -0.02em;
	line-height: 46px;
}
p.lead.share {
	font-size: 22px;
	margin-bottom: 35px;
	line-height: 35px;
}
article.content {
	padding: 0;
}
hr.large.gray.bottom {
	margin-top: 70px;
	margin-bottom: 50px;
}
.featured-image {
	display: block;
	margin: 25px 0;
}
.featured-image img {
	width: 100%;
	height: auto;
}
h1.inner.title {
	text-align: center;
	color: #11385c;
	font-size: 55px;
	margin: 0;
}
.featured-video iframe {
	width: 100%;
	height: 365px;
	display: block;
	margin: 25px 0;
}
.content img.full-width {
	width: 100%;
	height: auto;
}




/*===============================
=            SIDEBAR            =
===============================*/
#sidebar {
	background: #f3f1ed;
	border: solid 1px #e5e5e5;
	border-right: none;
	position: absolute;
	top: 120px;
	right: 0;
	display: block;
	width: 240px;
	text-align: center;

	padding: 15px 18px 70px;

	-webkit-transform: translateY(0) translateZ(0);
	-moz-transform: translateY(0) translateZ(0);
	-ms-transform: translateY(0) translateZ(0);
	-o-transform: translateY(0) translateZ(0);
	transform: translateY(0) translateZ(0);

	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#sidebar .social {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#sidebar .social a {
	height: 47px;
	line-height: 47px;
	width: 50%;
	float: left;
	color: #94a3b5;
	background: #fff;
	border-top: solid 1px #dad8d5;
	display: block;
	font-size: 20px;
}
#sidebar .social a:hover {
	background: #f7f7f7;
}
#sidebar h4 {
	font-size: 14px;
	color: #0a2753;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 0 13px;
}
#sidebar input {
	width: 100%;
}
#sidebar input.email {
	border-top: none;
}
#sidebar .btn {
	height: 48px;
	line-height: 48px;
	width: 100%;
	padding: 0;
	font-size: 13px;
}
#sidebar p.or {
	color: #928b7d;
	margin: 0;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 500;
	font-size: 11px;
	display: block;
	margin-top: 15px;
	text-transform: uppercase;
}
#sidebar p.or span {
	background: #f3f1ed;
	padding: 0 9px;
}
#sidebar hr {
	border-top: 3px solid #d7d1c4;
	width: 130px;
	margin: -15px auto 15px;
}
#sidebar .social a.facebook {
	border-right: 1px solid #e5e5e5;
}












/*======================================
=            SOCIAL BUTTONS            =
======================================*/
.social-buttons {
	text-align: center;
}
.social-buttons .email {
	display: inline;
}
.social-buttons a {
	font-size: 11px;
	letter-spacing: 0.08em;
	padding: 0;
	width: 27%;
	height: 44px;
	line-height: 44px;
	padding: 0;
	position: relative;
	display: inline-block;
	padding-left: 22px;
	margin: 0 0.4em;
}
.social-buttons a i {
	position: absolute;
	font-size: 22px;
	top: 10px;
	left: 13px;
}












/*=====================================
=            ACTION CENTER            =
=====================================*/
#action-center {
	background-repeat: no-repeat;
	background-position: 50% 0;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background-image: url('images/background-home-footer.jpg');
	text-align: center;
	padding: 110px 0;
}
#action-center h3 {
	color: #fff;
	letter-spacing: 0.24em;
	font-size: 35px;
	font-weight: 700;
	margin: 0;
	text-shadow: 1px 1px 0 rgba(0,0,0,.2) !important;
}
#action-center hr {
	border-color: #fff;
}
#action-center .action.updates .wrap {
	padding-bottom: 207px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
}
#action-center .action .wrap {
	background: #fff;
	width: 100%;
	height: 100%;
	position: relative;
	padding-bottom: 110px;
	-webkit-box-shadow: 0 2px 0px 0 rgba(0,0,0,.15);
	-moz-box-shadow: 0 2px 0px 0 rgba(0,0,0,.15);
	box-shadow: 0 2px 0px 0 rgba(0,0,0,.15);
}
#action-center .top {
	padding: 38px 40px 65px;
}
#action-center .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #f3f0ea;
	border-top: solid 1px #e5e5e5;
	padding: 31px 0;
}
#action-center h4 {
	color: #0a2753;
	font-size: 17px;
	line-height: 23px;
	margin: 0;
	margin-top: 15px;
	margin-bottom: 10px;
}
#action-center .action p {
	color: #758092;
	font-size: 14px;
	margin: 0;
	line-height: 20px;
}
#action-center .action .bottom a.btn {
	width: 198px;
	height: 48px;
	line-height: 48px;
	padding: 0;
}
#action-center .action.support .top img {
	width: 40px;
	display: block;
	margin: 0 auto;
}
#action-center .action.updates i, #action-center .action.build i {
	color: #94a3b5;
	font-size: 21px;
}
#action-center .action.build i {
	font-size: 23px;
}
#action-center .action.updates form {
	width: 221px;
	margin: 0 auto;
}
#action-center .action.updates form input, #action-center .action.updates form button {
	width: 100%;
}
#action-center .action.updates form input.email {
	border-top: none;
}
#action-center .action.updates form button {
	height: 48px;
	line-height: 48px;
	padding: 0;
	font-size: 13px;
}
#action-center .action.updates img {
	max-width: 23px;
}
#action-center .action.build img {
	max-width: 22px;
}









/*=====================================
=            FOOTER SOCIAL            =
=====================================*/
#footer-social {
	background: #004990;
}
#footer-social hr {
	border-color: #00529f;
	margin: 0;
	width: 100%;
	margin-top: 39px;
}
#footer-social a {
	background: #0c326f;
	color: #fff;
	border-left: solid 1px #005bac;
	display: block;
	float: left;
	width: 25%;
	height: 82px;
	line-height: 82px;
	text-align: center;
	font-size: 24px;
}
#footer-social a.last {
	border-right: solid 1px #005bac;
}
#footer-social .social {
	padding: 0;
}
#footer-social a.facebook:hover { background: #3b5998; }
#footer-social a.twitter:hover { background: #00aced; }
#footer-social a.youtube:hover { background: #bb0000; }
#footer-social a.instagram:hover { background: #517fa4; }
#footer-social .left {
	padding-right: 3em;
}
#footer-social .right {
	padding-left: 3em;
}




/*=============================
=            INDEX            =
=============================*/
main.index article.post h2 {
	margin: 0 0 5px;
	text-transform: none;
}
main.index article.post h2 a {
	margin: 0;
	color: #075194;
	letter-spacing: -0.02em;
	font-size: 28px;
	line-height: 34px;
	font-weight: 600;
	font-family: "soleil",sans-serif;
}
main.index article.post .excerpt p {
	color: #284968;
	font-size: 16px;
	line-height: 25px;
}
main.index article.post .excerpt p a {
	color: #32992c;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 0.08em;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
}
main.index article.post .excerpt p a:hover {
	color: #56c44f;
}
aside span {
	color: #94a3b5;
	letter-spacing: 0.08em;
	font-size: 13px;
	text-transform: uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	margin-right: 30px;
	-webkit-font-smoothing: antialiased;
}
aside span a {
	color: #94a3b5;
}
aside span a:hover {
	color: #7e8a99;
}
aside span.social {
	float: right;
	margin: 0;

	-webkit-transition: all 300ms cubic-bezier(0.32,1.25,0.375,1.15);
	-ms-transition: all 300ms cubic-bezier(0.32,1.25,0.375,1.15) 0ms;
	-moz-transition: all 300ms cubic-bezier(0.32,1.25,0.375,1.15) 0ms;
	-o-transition: all 300ms cubic-bezier(0.32,1.25,0.375,1.15) 0;
	transition: all 300ms cubic-bezier(0.32,1.25,0.375,1.15) 0;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
main.index article.post:hover aside span.social {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
aside span.social p {
	-webkit-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);

	-webkit-transition: all 420ms ease;
	-ms-transition: all 420ms ease;
	-moz-transition: all 420ms ease;
	-o-transition: all 420ms ease;
	transition: all 420ms ease;
}
main.index article.post:hover aside span.social p {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	-moz-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
aside span.social a {
	font-size: 16px;
	margin-left: 7px;
	outline: none !important;
}
aside span.social a:hover {
	color: #7e8a99;
}
aside span.social p {
	display: inline;
	margin: 0;
	color: #bfcad7;
	font-size: 11px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	margin-right: 10px;
}
aside .addthis_toolbox {
	margin: 0;
	outline: none !important;
}
main.index article.post hr {
	border-top: solid 2px #e0e7eb;
	width: 100%;
	margin: 50px 0;
}
.load-more {
	display: block;
	overflow: hidden;
	position: relative;
	color: #97a5b7;
	text-transform: uppercase;
	letter-spacing: 0.24em;
	font-size: 28px;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	text-align: center;
	height: 40px;
	margin-bottom: -50px;
}
.load-more.processing {
	cursor: default;
}
.load-more span {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transition: -webkit-transform 600ms cubic-bezier(0.32,1.25,0.375,1.15), opacity 500ms ease;
	-ms-transition: -ms-transform 600ms cubic-bezier(0.32,1.25,0.375,1.15), opacity 500ms ease;
	-moz-transition: -moz-transform 600ms cubic-bezier(0.32,1.25,0.375,1.15), opacity 500ms ease;
	-o-transition: -o-transform 600ms cubic-bezier(0.32,1.25,0.375,1.15), opacity 500ms ease;
	transition: tranform 600ms cubic-bezier(0.32,1.25,0.375,1.15), opacity 500ms ease;

	zoom: 1;
}
.load-more:hover {
	-webkit-transform: scale(0.975);
	-ms-transform: scale(0.975);
	-moz-transform: scale(0.975);
	-o-transform: scale(0.975);
	transform: scale(0.975);
}
.load-more:active {
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.load-more span.loading {
	margin-left: -107px;

	color: #b4b4b4;

	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);

	filter: alpha(opacity=0);
	opacity: 0;
}
.load-more span.pending {
	margin-left: -112px;

	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);

	filter: alpha(opacity=100);
	opacity: 1;
}
.load-more.processing span.loading {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	filter: alpha(opacity=100);
	opacity: 1;
}
.load-more.processing span.pending {
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);

	filter: alpha(opacity=0);
	opacity: 0;
}


/*==============================
=            SINGLE            =
==============================*/
main.single {
	padding: 50px 0 100px;
}
.single #callout.narrow h4 {
	font-size: 24px;
}
.single #callout.narrow hr {
	border-color: #fff;
	margin-top: 10px;
	margin-bottom: 23px;
}
main.single aside {
	text-align: center;
}
main.single aside span {
	margin: 15px;
}
main.single h1.title {
	text-align: center;
	color: #11385c;
	text-transform: none;
	padding: 0 2.6em;
	font-size: 43px;
}








/*===============================
=            GALLERY            =
===============================*/
/*===============================
=            GALLERY            =
===============================*/
.gallery-content {
	position: relative;
}
.gallery-content h2 {
	text-align: center;
	font-size: 19px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 600;
	position: relative;
	display: block;
	width: 100%;
	margin: 0;
	color: #0e3a7f;
}
.gallery-content h2 i {
	color: #4cac55;
	font-size: 21px;
	margin-right: 7px;
}
.gallery-content hr.large.gray {
	margin-top: 10px;
	margin-bottom: 25px;
}
#featured-video iframe {
	width: 100%;
	z-index: 9;
	position: relative;
	height: 390px;
}
#featured-video h3.video-title {
	color: #075194;
	font-size: 28px;
	letter-spacing: -0.02em;
	font-family: "soleil",sans-serif;
	font-weight: 600;
	text-transform: none;
}
#featured-video p.description {
	margin: 0;
	font-size: 13px;
	colro: #284968;
	line-height: 18px;
	margin-bottom: 37px;
}
#video-thumbnails a.thumb {
	display: block;
}
#video-thumbnails a.thumb span {
	display: block;
	width: 100%;
	position: relative;
	height: 120px;
	overflow: hidden;
}
#video-thumbnails a.thumb span i {
	color: #52ac4c;
	background: #fff;
	-moz-border-radius: 0;
	-webkti-border-radius: 0;
	border-radius: 0;
	font-size: 32px;
}
#video-thumbnails a.thumb img {
	width: 150%;
	height: auto;
	left: -25%;
	top: -30%;
	position: absolute;
}
#video-thumbnails h4 {
	color: #72819a;
	font-size: 14px;
	line-height: 18px;
	text-transform: none;
	font-family: "soleil",sans-serif;
	font-weight: 400;
	margin: 10px 0 0;
}
a.more-youtube {
	margin: 30px auto 0;
	width: 240px;
	height: 42px;
	line-height: 40px;
	padding: 0;
	color: #cfe7ff;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-left: 30px;
}
hr.separator {
	border-top: 2px solid #e0e7eb;
	width: 100%;
	margin: 45px 0;
}
a.more-youtube .fa-angle-right, a.more-instagram .fa-angle-right  {
	color: #cfe7ff !important;
}
a.more-instagram i.fa-instagram, a.more-youtube i.fa-youtube-play {
	position: absolute;
	left: 15px;
	font-size: 25px;
	top: 7px;
	color: #fff !important;
}
a.more-instagram {
	margin: 30px auto 0;
	width: 240px;
	height: 42px;
	line-height: 40px;
	padding: 0;
	color: #cfe7ff;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	padding-left: 30px;
}
.gallery-content.photos .photo-wrap {
	text-align: center;
	margin-bottom: 30px;
}
.gallery-content.photos .photo-wrap a {
	width: 17%;
	margin-right: 2%;
	display: inline-block;
	height: 140px;
	position: relative;
	overflow: hidden;
	margin-bottom: 2%;
}
.gallery-content.photos .photo-wrap a img {
	width: 300%;
	position: absolute;
	left: -100%;
	top: -15%;
}
.gallery-content.photos .photo-wrap a i, #video-thumbnails i {
	position: absolute;
	text-align: center;
	z-index: 99;
	left: 50%;
	top: 50%;
	color: #fff;
	font-size: 40px;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	margin-left: -45px;
	margin-top: -35px;
	line-height: 70px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	webkit-transition: all 300ms cubic-bezier(0.32,1.25,0.375,1.15);
	-ms-transition: all 300ms cubic-bezier(0.32,1.25,0.375,1.15) 0ms;
	-moz-transition: all 300ms cubic-bezier(0.32,1.25,0.375,1.15) 0ms;
	-o-transition: all 300ms cubic-bezier(0.32,1.25,0.375,1.15) 0;
	transition: all 300ms cubic-bezier(0.32,1.25,0.375,1.15) 0;
	/*-moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15) !important;
	-webkti-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15) !important;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15) !important;*/
	margin: 0 auto !important;
	position: relative !important;
	top: 50% !important;
	left: auto !important;
	margin-top: -35px !important;
	display: block;
}
.gallery-content.photos .photo-wrap a:hover i, #video-thumbnails a:hover i {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.gallery-content.photos .photo-wrap a i {
	background: #fff;
	color: #52ac4c;
	-moz-border-radius: 0;
	-webkti-border-radius: 0;
	border-radius: 0;
	font-size: 28px;
}
.gallery-content.photos .photo-wrap a:nth-child(5), .gallery-content.photos .photo-wrap a:nth-child(10) {
	margin-right: 0;
}
.gallery-content.photos .more-photos-links {
	text-align: center;
}
.gallery-content.photos .more-photos-links .btn-green-inverse {
	display: inline-block;
	width: 245px;
	height: 42px;
	line-height: 42px;
	padding: 0;
	font-size: 12px;
	margin: 0 8px;
	position: relative;
	padding-left: 20px;
}
.gallery-content.photos .more-photos-links .btn-green-inverse i {
	position: absolute;
	left: 7px;
	font-size: 20px;
	top: 0px;
}











/*====================================
=            ACTION MODAL            =
====================================*/
#take-action-modal {
	z-index: 99999999;
	text-align: center;
}
.modal-backdrop.in {
	z-index: 999999;
	background: #000;
	opacity: 0.66;
}
#take-action-modal .modal-dialog {
	width: 100%;
	max-width: 945px;
	margin-top: 135px;
}
#take-action-modal .modal-content {
	background: none;
	border: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
#take-action-modal h3 {
	color: #fff;
	letter-spacing: 0.24em;
	font-size: 35px;
	margin: 0;
}
#take-action-modal hr {
	border-color: #fff;
	margin-top: 6px;
	margin-bottom: 9px;
}
#take-action-modal .modal-body {
	background: #f4f2ee;
	padding: 10px 20px;
}
#take-action-modal .modal-body .action {
	padding: 0 5px;
}
#take-action-modal .modal-body a {
	display: block;
	background: #fff;
	height: 250px;
	border: solid 1px #e8e6e2;
	position: relative;
}
#take-action-modal .modal-body a:hover {
	background: #f7f7f7;
}
#take-action-modal .modal-body a span {
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	color: #0a2753;
}
#take-action-modal .modal-body .contribute a img {
	max-width: 90px;
	margin: 93px auto 0;
	display: block;
}
#take-action-modal .modal-body .contribute a span {
	color: #5caf56;
}
#take-action-modal .modal-body .updates a img {
	max-width: 60px;
	margin: 90px auto 0;
	display: block;
}
#take-action-modal .modal-body .volunteer a img {
	max-width: 65px;
	margin: 83px auto 0;
	display: block;
}
#take-action-modal .modal-body .facebook a img {
	max-width: 56px;
	margin: 85px auto 0;
	display: block;
}
#take-action-modal button.close {
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: none;
	border: solid 3px #fff;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.50;
	position: relative;
	margin: 38px 45px;
	right: 0%;
	position: absolute;
	-webkit-transition: all 225ms ease;
	-moz-transition: all 225ms ease;
	transition: all 225ms ease;
}
#take-action-modal button:hover.close {
	filter: alpha(opacity=100);
	opacity: 1;
}
#take-action-modal button.close:before, #take-action-modal button.close:after {
	display: block;
	width: 4px;
	height: 36px;
	content: ' ';
	background: #fff;
	position: absolute;
}
#take-action-modal button.close span {
	display: none;
}
#take-action-modal button.close:before {
	top: 5px;
	left: 20px;
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
#take-action-modal button.close:after {
	top: 5px;
	left: 20px;
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}




/*==============================
=            EVENTS            =
==============================*/
#callout.event.narrow h4 {
	font-size: 34px;
	margin: 0 0 15px;
}
main.events aside.meta span {
	color: #075194;
	font-size: 18px;
	letter-spacing: 0.06em;
	font-weight: 700;
}
main.events a.rsvp {
	width: 100%;
	height: 54px;
	line-height: 54px;
	padding: 0;
	font-size: 20px;
	margin: 0 auto 45px;
	max-width: 420px;
	display: block;
}
main.events h5 {
	color: #294a67;
	text-transform: uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	margin: 0 0 5px;
}
main.events #event-stuff .group {
	margin-bottom: 25px;
}
main.events #event-stuff .group .text {
	color: #294a67;
	font-size: 15px;
	margin: 0;
	line-height: 21px;
	font-family: "soleil",sans-serif;
}














/*===========================
=            404            =
===========================*/
body.error404 #callout.page .h4 {
	display:none !important;
}
body.error404 #callout.page .h1 {
	font-size: 85px;
}


/*===================================
=            SITE FOOTER            =
===================================*/
#site-footer {
	padding-top: 48px;
	padding-bottom: 94px;
}
#site-footer a.logo {
	display: block;
	width: 240px;
	margin: 0 auto;
	background: #fff;
}
#site-footer a.logo img {
	width: 100%;
}
#site-footer nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
#site-footer nav ul li {
	display: inline-block;
}
#site-footer nav ul li a {
	color: #005095;
	font-size: 13px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
	display: block;
	margin: 40px 15px 35px;
}
#site-footer nav ul li a:hover {
	color: #166bb5;
}
#site-footer nav ul li.contribute a {
	color: #33992c;
}
#site-footer nav ul li.contribute a:hover {
	color: #44b33c;
}
#site-footer .contact {
	text-align: center;
}
#site-footer .contact p {
	margin: 0;
	color: #5e81b7;
	font-size: 13px;
}
#site-footer .contact p a {
	font-weight: 700;
	color: #5e81b7;
}
#site-footer .contact p span {
	margin: 0 3px;
}
#site-footer .paid-for-by {
	text-align: center;
	margin-top: 30px;
}
#site-footer .paid-for-by p span {
	margin: 0;
	display: inline-block;
	padding: 0 23px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	border: solid 1px #dde4ed;
	color: #8fa4c5;
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	font-family: "brandon-grotesque",sans-serif;
	font-weight: 700;
}

.wideeye {
	text-align: center;
	margin: 20px 0;
	font-size: 13px;
	color: #5e81b7;
}













/*==================================
=            KEY FRAMES            =
==================================*/
@-moz-keyframes slideDown {
 	from { -moz-transform: translate3d(0, -100%, 0) scale3d(1, 1, 1); }
    to   { -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
}
@-webkit-keyframes slideDown {
    from { -webkit-transform: translate3d(0, -100%, 0) scale3d(1, 1, 1); }
    to   { -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
}
@-ms-keyframes slideDown {
    from { -ms-transform: translate3d(0, -100%, 0) scale3d(1, 1, 1); }
    to   { -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
}
@-o-keyframes slideDown {
	from { -o-transform: translate3d(0, -100%, 0) scale3d(1, 1, 1); }
    to   { -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }

}
@keyframes slideDown {
	from { transform: translate3d(0, -100%, 0) scale3d(1, 1, 1); }
    to   { transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
}
@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes pulse {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}









/*=====================================
=            MEDIA QUERIES            =
=====================================*/

	/*==========  Mobile First Method  ==========*/

	/* Custom, iPhone Retina */
	@media only screen and (min-width : 320px) {

	}

	/* Extra Small Devices, Phones */
	@media only screen and (min-width : 480px) {

	}

	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px) {

	}

	/* Medium Devices, Desktops */
	@media only screen and (min-width : 992px) {

	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1400px) {
		
		.home #callout {
			min-height: 670px;
		}
		.home #callout .slide {
			min-height: 670px;
			padding-top:230px;
		}
		#callout.inner {
			height: 670px;
		}
		#topper {
			height:100%;	
		}
		#topper .content {
			height: 650px;
		}
		#callout.narrow, #callout.narrow #topper .content {
			height: 220px;
			min-height: 220px;
		}
	}

@media only screen and (min-width : 1920px) {
		#site-wrapper {
			border-left: solid 1px #eceae8;
			border-right: solid 1px #eceae8;
		}
	}



	/*==========  Non-Mobile First Method  ==========*/

	/*Custom for sidebar*/
	@media only screen and (max-width : 1350px) {
		.has-sidebar main .container {
			margin-left: 0px;
		}
		#site-wrapper {
			border: none;
		}
	}


	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) {
		#site-header .container-fluid {
			width: 100%;
			padding: 0 15px;
		}
		#site-header a.logo {
			width: 179px;
		}
		#site-header .big-buttons {
			width: 320px;
		}
		#site-header nav {
			padding-right: 10em;
		}
		#site-header nav ul li a {
			margin: 0 0.4em;
		}


		.has-sidebar main article.content {
			margin-left: 8%;
		}
		.has-sidebar main .container {
			width: 75%;
		}

	}

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px) {
		#site-header .container-fluid {
			padding: 0;
		}
		#site-header nav ul li.social {
			display: none;
		}
		#site-header .big-buttons {
			width: 179px;
		}
		#site-header nav {
			padding: 0;
		}
		#site-header nav ul li a {
			margin: 0 5px;
		}
		#site-header .big-buttons a span {
			position: static;
		}
		#site-header .big-buttons a {
			width: 100%;
			height: 55px;
			line-height: 55px;
			text-align: left;
			padding-left: 15px;
		}
		#site-header .big-buttons a i {
			position: absolute;
			font-size: 21px;
			top: 17px;
			right: 15px;
		}
		.sticky #site-header {
			display: none;
		}

		#feed .container, #action-center .container, #footer-social .container {
			width: 100%;
		}
		#action-center .action {
			padding: 0 5px;
		}
		#feed a {
			max-width: 300px;
			margin: 0 auto;
			margin-bottom: 5em;
			with: 100%;
		}
		#feed a .image img {
			position: absolute;
			left: -30%;
			top: -7%;
			width: 160%;
		}
		#home-latest .video {
			padding: 0 15px;
		}
		#home-latest .text {
			margin-bottom: 3em;
		}
		#footer-social .social {
			width: 40%;
		}
		#footer-social .left, #footer-social .right {
			width: 30%;
		}
		#feed .bx-wrapper .bx-controls-direction a {
			display: none;
		}
		#feed .bxslider .col-sm-4 {
			padding: 5px;
		}
		#site-footer nav ul li a {
			margin: 40px 5px 35px;
		}
		#sidebar {
			display: none;
		}
		.has-sidebar main .container {
			width: 100%;
			max-width: 750px;
			margin: 0 auto;
		}
		.has-sidebar main article.content {
			margin: 0;
			padding: 0 15px;
		}
		.share-post {
			display: none !important;
		}
		#callout.page .h1 {
			font-size: 60px;
			line-height: 55px;
		}
		#action-center .action.updates form {
			width: 200px;
		}
		main.events #event-stuff .group {
			text-align: center;
		}
		main.events #event-stuff .sidebar {
			margin: 10px 0;
		}
		main.events a.rsvp {
			margin: 0 auto 0;
		}
		#video-thumbnails a.thumb span {
			height: 200px;
		}
		#video-thumbnails h4 {
			margin: 10px 0;
		}
	}

	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {
		.btn-blue.toggle-nav i {
			color: #cfe7ff !important;
		}
		#site-canvas {
			-webkit-transform: translateX(0);
			-o-transform: translateX(0);
			-ms-transform: translateX(0);
			-moz-transform: translateX(0);
			transform: translateX(0);

			-webkit-transform: translate3d(0);
			-o-transform: translate3d(0);
			-ms-transform: translate3d(0);
			-moz-transform: translate3d(0);
			transform: translate3d(0);

			-moz-transition: all 300ms cubic-bezier(.694, .0482, .335, 1);;
			-webkit-transition: all 300ms cubic-bezier(.694, .0482, .335, 1);;
			transition: all 300ms cubic-bezier(.694, .0482, .335, 1);;
		}
		#site-header .container-fluid {
			padding: 0 0 0 10px;
		}
		#mobile-nav {
			display: block;
		}
		#site-header {
			background: #075194;
			height: 59px;
		}
		#site-header a.logo {
			width: 120px;
		}
		#site-header .toggle-nav {
			float: right;
			font-size: 30px;
			display: block;
			height: 59px;
			width: 59px;
			text-align: center;
			line-height: 59px;
			color: #fff;
		}
		#site-header .big-buttons, #site-header nav.menu-primary-menu-container {
			display: none;
		}
		#action-center .action {
			padding: 0 15px;
			max-width: 320px;
			margin: 0 auto 2em;
		}
		#footer-social .left, #footer-social .right {
			display: none;
		}
		#footer-social .social {
			width: 100%;
		}
		#footer-social a.first {
			border-left: none;
		}
		#footer-social a.last {
			border-right: none;
		}
		#take-action-modal .modal-dialog {
			max-width: 400px;
			margin: 50px auto 0;
		}
		#take-action-modal .modal-body a {
			height: 64px;
		}
		#take-action-modal .modal-body a img {
			display: none !important;
		}
		#site-footer nav ul li {
			display: block;
		}
		#site-footer nav ul li a {
			margin: 25px 0;
		}
		#site-footer .contact p span {
			margin: 0 3px;
			display: block;
			height: 0px;
			overflow: hidden;
		}
		article.content {
			padding: 0 15px;
		}
		.social-buttons a {
			display: block;
			margin-bottom: 0.4em;
			width: 100%;
			margin-left: 0;
			margin-right: 0;
		}
		h1.title {
			padding-right: 0 !important;
			padding-left: 0 !important;
		}
		#callout.page .h1 {
			font-size: 48px;
			line-height: 48px;
		}
		#take-action-modal .modal-body {
			-moz-box-shadow: 0px 0px 1000em 1000em rgba(0, 0, 0, 0.75);
			-webkit-box-shadow: 0px 0px 1000em 1000em rgba(0, 0, 0, 0.75);
			box-shadow: 0px 0px 1000em 1000em rgba(0, 0, 0, 0.75);
		}
		#take-action-modal h3, #take-action-modal hr, #take-action-modal button.close {
			z-index: 9999999;
			position: relative;
		}
		#take-action-modal button.close {
			position: fixed;
			top: 0;
			right: 0;
			margin: 15px 25px;
		}
		.modal-backdrop.in {
			display: none;
		}
		#callout.inner, #topper .content {
			height: 400px;
			min-height: 400px;
		}

		#callout.narrow, #callout.narrow #topper .content {
			height: 236px !important;
			min-height: 236px !important;
		}
		.social-buttons a {
			display: block;
			width: 80%;
			margin: 0 10% 1em;
			font-size: 12px;
		}
		#feed .bxslider .item {
			max-width: 320px;
			margin: 0 auto 25px;
		}
	}

	/* Extra Small Devices, Phones */
	@media only screen and (max-width : 480px) {
		#callout, #callout .bx-viewport {
			min-height:390px !important;
			height:390px !important;
		}
		#callout  span.subheading {
			display:none;
		}
		#callout h1 {
			font-size:38px !important;
			padding:0 20px;
		}
		#callout .signup, #callout .link, #callout .video   {
			padding: 100px 0 100px;
			background-position: 60% 0px;
		}
		#callout .signup form, #callout .link a.btn {
			width: 100%;
			margin: 12px auto 0;
		}
		#callout .link p {
			margin:10px auto 5px;
			line-height: 23px;
		}
		#callout .bx-controls-direction a {
			margin-top: -80px;
			font-size: 30px;
		}
		#callout .signup form input, #callout .signup form button {
			height: 46px;
			line-height: 46px;
			background-position:10px 16px !important;
		}
		#callout .video a.play-button {
			width: 75px;
			height: 75px;
			line-height: 75px;
			font-size: 27px;
		}
		.home #actions a {
			height: 76px;
			padding: 17px 0;
		}
		#site-footer .paid-for-by p span {
			width: 100%;
		}
		#featured-video iframe {
			height: 280px;
		}
		#video-thumbnails .col-md-3 {
			width: 100%;
		}
		#video-thumbnails a.thumb {
			height: auto;
			margin-bottom: 2em;
		}
		#video-thumbnails a.thumb span {
			height: 200px;
		}
		#video-thumbnails a.thumb img {
			top: -40%;
		}
		#video-thumbnails h4 {
			text-align: center;
			font-size: 22px;
			margin-bottom: 20px;
		}
		.gallery-content.photos .photo-wrap a {
			margin-bottom: 2%;
			width: 45%;
			margin: 0 2% 2% !important;
		}
		main.single aside span {
			margin: 15px;
			display: block;
			margin: 0 0 10px;
		}
		h1.title {
			font-size: 36px !important;
		}
		#callout.narrow h4 {
			font-size: 20px;
		}
		#topper .content span.bottom {
			text-align: center;
			left: 0;
			padding: 0 15px;
		}
		#callout.page hr {
			margin-left: auto;
			margin-right: auto;
		}
		#callout.page .h1 {
			padding: 0;
			font-size: 40px;
			line-height: 43px;
		}
		#callout.page .h4 {
			font-size: 16px !important;
		}
		#home-about a.btn {
			width: 100%;
			margin: 0 auto 10px;
			display: block;
			max-width: 250px;
		}
		main.issues.page #accordion h4 img {
			display: none;
		}
		main.issues.page #accordion h4 a {
			padding-left: 0;
			font-size: 25px;
			line-height: 35px;
		}
		#action-center h3 {
			font-size: 28px;
		}
		main.events #event-stuff .col-md-12.col-xs-4 {
			width: 100%;
			float: none;
			margin: 30px 0;
		}
	}

	/* Custom, iPhone Retina */
	@media only screen and (max-width : 320px) {

	}




/*=======================================
=            BROWSER SUPPORT            =
=======================================*/
/* Turns off fluid layout */
html.ie-old, html.ie-old #site-wrapper {
	min-width: 980px;
}
html.ie-old body {
	overflow: auto;
}
html.ie-old input {
	background-image: none !important;
}