/*
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            =
=============================*/
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700);
@font-face {
    font-family: 'Aleo';
    src: url('fonts/aleo-light-webfont.eot');
    src: url('fonts/aleo-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-light-webfont.woff') format('woff'),
         url('fonts/aleo-light-webfont.ttf') format('truetype'),
         url('fonts/aleo-light-webfont.svg#Aleo') format('svg');
    font-weight: 300;
    font-style: normal;

}
@font-face {
    font-family: 'Aleo';
    src: url('fonts/aleo-lightitalic-webfont.eot');
    src: url('fonts/aleo-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-lightitalic-webfont.woff') format('woff'),
         url('fonts/aleo-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/aleo-lightitalic-webfont.svg#Aleo') format('svg');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Aleo';
    src: url('fonts/aleo-regular-webfont.eot');
    src: url('fonts/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-regular-webfont.woff') format('woff'),
         url('fonts/aleo-regular-webfont.ttf') format('truetype'),
         url('fonts/aleo-regular-webfont.svg#Aleo') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Aleo';
    src: url('fonts/aleo-italic-webfont.eot');
    src: url('fonts/aleo-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-italic-webfont.woff') format('woff'),
         url('fonts/aleo-italic-webfont.ttf') format('truetype'),
         url('fonts/aleo-italic-webfont.svg#Aleo') format('svg');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Aleo';
    src: url('fonts/aleo-bold-webfont.eot');
    src: url('fonts/aleo-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-bold-webfont.woff') format('woff'),
         url('fonts/aleo-bold-webfont.ttf') format('truetype'),
         url('fonts/aleo-bold-webfont.svg#Aleo') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Aleo';
    src: url('fonts/aleo-bolditalic-webfont.eot');
    src: url('fonts/aleo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-bolditalic-webfont.woff') format('woff'),
         url('fonts/aleo-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/aleo-bolditalic-webfont.svg#Aleo') format('svg');
    font-weight: 700;
    font-style: italic;
}
/**
 *	Name: 	Font Name: Franklin Gothic URW
 *	Code: 	font-family: "franklin-gothic-urw",sans-serif;
 *	Sizes: 	300, 400, 500, 700, 900
 */
/**
 *	Name: 	Font Name: Roboto Slab
 *	Code: 	font-family: 'Roboto Slab', serif;
 *	Sizes: 	100, 300, 400, 700
 */
/**
 *	Name: 	Font Name: Aleo
 *	Code: 	font-family: 'Aleo';
 *	Sizes: 	300, 400, 700
 */


/*================================
=            BASE CSS            =
================================*/
body {
	text-rendering: optimizelegibility;
	background: #e0e7ef;
	font-weight: 400;
	font-family: 'Aleo';
	color: #263042;
}
section, header, footer, main, article {
	position: relative;
}
a {
	color: #06519a;
	text-decoration: none !important;
}
a:hover, a:focus {
	color: #2771ba;
}
a:active {
	color: #e92f40;
}
a, i, button {
	-webkit-transition: all 150ms cubic-bezier(.694, .0482, .335, 1);
	-moz-transition: all 150ms cubic-bezier(.694, .0482, .335, 1);
	-ms-transition: all 150ms cubic-bezier(.694, .0482, .335, 1);
	-o-transition: all 150ms cubic-bezier(.694, .0482, .335, 1);
	transition: all 150ms cubic-bezier(.694, .0482, .335, 1);
	-webkit-transition-timing-function: cubic-bezier(.694, .0482, .335, 1);
	-moz-transition-timing-function: cubic-bezier(.694, .0482, .335, 1);
	-ms-transition-timing-function: cubic-bezier(.694, .0482, .335, 1);
	-o-transition-timing-function: cubic-bezier(.694, .0482, .335, 1);
	transition-timing-function: cubic-bezier(.694, .0482, .335, 1);
}
p {
	line-height: 30px;
	font-size: 16px;
	margin-bottom: 25px;
}
input {

}
input, textarea  {

}
label {
	font-family: "franklin-gothic-urw",sans-serif !important;
	font-weight: 400 !important;
	-webkit-font-smoothing: antialiased;
	line-height: 25px !important;
}

h1, .h1 {
	font-family: "franklin-gothic-urw",sans-serif;
	letter-spacing: -0.03em;
	font-size: 54px;
	color: #002243;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
h2, .h2 {
	color: #002243;
	font-size: 40px;
	letter-spacing: -0.03em;
	font-weight: 300;
	font-family: 'Roboto Slab', serif;
	-webkit-font-smoothing: antialiased;
}
h3, .h3 {
	font-family: "franklin-gothic-urw",sans-serif;
	color: #022548;
	font-size: 24px;
	letter-spacing: -0.03em;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
}
h4, .h4 {
	color: #485666;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}
h5, h6 {
	font-weight: 700;
}
::selection {
	background: #4ca4f9;
	color: #bf1e2e;
}
::-moz-selection {
	background: #4ca4f9;
	color: #bf1e2e;
}
input, textarea {
	background: #fff;
	color: #4f6f8f;
	font-size: 19px;
	font-family: "franklin-gothic-urw",sans-serif;
	letter-spacing: -0.02em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	outline: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border: solid 1px #ced4da;
	padding: 0 !important;
	min-width: 305px;
	font-weight: 300;
	padding-left: 15px !important;
}
input {
	height: 50px;
	line-height: 50px;
}
textarea {
	padding: 5px 15px !important;
}


/*========================================
=            INDIVIDUAL ITEMS            =
========================================*/
#post-template {
	display: none;
}
.white {
	color: #fff !important;
}
.btn {
	position: relative;
	font-family: "franklin-gothic-urw",sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #fff !important;
	font-size: 14px;
	background: #e3e3e3;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	outline: none !important;
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
}
.btn-red {
	background: #e92f40;
}
.btn-red:hover, .btn-red:focus {
	background: #ef4251;
}
.btn-red:active {
	background: #f5283b;
}
a.btn.btn-red.donate.big {
  width: 88%;
  margin: 50px 6% 0;
  padding: 18px 0;
  font-size: 16px;
}
.btn-blue {
	background: #06519a;
}
.btn-blue:hover, .btn-blue:focus {
	background: #0f5ba5;
}
.btn-blue:active {
	background: #084989;
}
.btn-light-blue {
	background: #0c5caa;
}
.btn-light-blue:hover, .btn-light-blue:focus {
	background: #1b68b4;
}
.btn-light-blue:active {
	background: #0560b8;
}
.btn i.force-right {
	position: absolute;
	height: 100%;
	width: 23%;
	right: 0;
	top: 0;
	font-size: 25px;
}
.btn-blue i.force-right, .btn-light-blue i.force-right {
	background: #0b4074;
}
.btn-blue:hover i.force-right, .btn-light-blue:hover i.force-right, .btn-blue:focus i.force-right, .btn-light-blue:focus i.force-right {
	background: #0d4b88;
}
.btn-blue:active i.force-right, .btn-light-blue:active i.force-right {
	background: #04396c;
}
.btn-red i.force-right {
	background: #bf1e2e;
}
.btn-red:hover i.force-right, .btn-red:focus i.force-right {
	background: #af2331;
}
.btn-red:active i.force-right {
	background: #b70719;
}
#main-social {
	position: absolute;
	right: 20px;
	top: 9px;
	z-index: 999999;
}
#main-social a {
	color: #fff;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	font-size: 25px;
	margin: 0 8px;
}
#main-social a:hover {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}
.brief {
	font-size: 22px;
	color: #fff;
	font-style: italic;
	-webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	-moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	font-family: 'Aleo';
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	line-height: 100%;
}
input.has-icon {
	padding-left: 35px !important;
}
form.flat .form-group {
	margin: 0;
}
form.flat input {
	width: 100%;
	min-width: 0;
}
form.flat button {
	width: 100%;
}
.page-sharer {
	width: 100%;
	max-width: 255px;
	margin: 0 auto;
	text-align: center;
}
.page-sharer hr {
	border-top: 1px solid #bbc7d3;
	margin-top: 0;
	margin-bottom: 17px;
}
.page-sharer h4 {
	color: #788fa7;
	font-size: 12px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	line-height: 100%;
	margin-bottom: 13px;
}
.page-sharer a {
	display: inline-block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin: 0 2px;
}
.page-sharer a.facebook { background: #3b589c; }
.page-sharer a.facebook:hover { background: #4166bb; }
.page-sharer a.twitter { background: #00aced; }
.page-sharer a.twitter:hover { background: #0ebcfe; }
.page-sharer a.email { background: #06519a; }
.page-sharer a.email:hover { background: #1465b3; }
#burger-x {
	position: absolute;
	top: 45%;
	left: 13px;
	display: block;
	width: 20px;
	height: 3px;
	background-color: #fff;
	font-size: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	margin: 0 auto;
}
#burger-x:before {
	-moz-transform: translateY(-200%);
	-ms-transform: translateY(-200%);
	-o-transform: translateY(-200%);
	-webkit-transform: translateY(-200%);
	transform: translateY(-200%);
}
#burger-x:after {
	-webkit-transform: translateY(200%);
	-o-transform: translateY(200%);
	-ms-transform: translateY(200%);
	-moz-transform: translateY(200%);
	transform: translateY(200%);
}
#burger-x:before, #burger-x:after {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	content: '';
	-o-transition: -o-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.show-nav #burger-x {
	background-color: transparent;
}
.show-nav #burger-x:before {
	-webkit-transform: translateY(0) rotate(45deg);
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	-o-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
}
.show-nav #burger-x:after {
	-ms-transform: translateY(0) rotate(-45deg);
	-moz-transform: translateY(0) rotate(-45deg);
	-o-transform: translateY(0) rotate(-45deg);
	-webkit-transform: translateY(0) rotate(-45deg);
	transform: translateY(0) rotate(-45deg);
}




/*=======================================
=            SITE NAVIGATION            =
=======================================*/
#site-wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	background: #fff;
}
#site-navigation {
	z-index: 999999999;
}
#nav-wrap{
	width: 100%;
	max-width: 1500px;
	margin: 0 auto;
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	border-bottom: 1px solid #edeff2;
	background: #fff;

	overflow: hidden;

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

	-webkit-transition: background-color 600ms ease,height 600ms ease,z-index 0 ease;
	-ms-transition: background-color 600ms ease 0ms,height 600ms ease 0ms,z-index 0ms ease 0ms;
	-moz-transition: background-color 600ms ease 0ms,height 600ms ease 0ms,z-index 0ms ease 0ms;
	-o-transition: background-color 600ms ease 0,height 600ms ease 0,z-index 0 ease 0;
	transition: background-color 600ms ease 0,height 600ms ease 0,z-index 0 ease 0;
	-webkit-transition-delay: 0,0,400ms;
	-ms-transition-delay: 0,0,400ms;
	-moz-transition-delay: 0,0,400ms;
	-o-transition-delay: 0,0,400ms;
	transition-delay: 0,0,400ms;
}
#site-navigation.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
}
#site-navigation.sticky #nav-wrap {
	position: relative;
	background: #002243;
	border: none;
}
#site-navigation.sticky a.donate {
	width: 230px;
}
#site-navigation .slide {
	float: left;

	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease 0ms;
	-moz-transition: all 600ms ease 0ms;
	-o-transition: all 600ms ease 0;
	transition: all 600ms ease 0;

	-webkit-transform: translateX(-157px);
	-moz-transform: translateX(-157px);
	-ms-transform: translateX(-157px);
	-o-transform: translateX(-157px);
	transform: translateX(-157px);
}
#site-navigation.sticky .slide {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}
#site-navigation nav {
	float: left;
}
#site-navigation ul {
	margin: 0;
	padding: 0;
}
#site-navigation ul li {
	float: left;
	display: inline-block;
	position: relative;
}
#site-navigation ul li a {
	font-size: 14px;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #4d5f72;
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	height: 71px;
	padding-left: 35px;
	padding-right: 35px;
	line-height: 71px;
}
#site-navigation a.donate {
	margin-top: 12px;
	margin-right: 25px;
	float: right;
	overflow: hidden;
	padding: 0;
	width: 254px;
	height: 48px;
	line-height: 48px;
	padding-left: 60px;

	-webkit-transition: background-color 600ms ease,width 600ms ease,z-index 0 ease;
	-ms-transition: background-color 600ms ease 0ms,width 600ms ease 0ms,z-index 0ms ease 0ms;
	-moz-transition: background-color 600ms ease 0ms,width 600ms ease 0ms,z-index 0ms ease 0ms;
	-o-transition: background-color 600ms ease 0,width 600ms ease 0,z-index 0 ease 0;
	transition: background-color 600ms ease 0,width 600ms ease 0,z-index 0 ease 0;
	-webkit-transition-delay: 0,0,400ms;
	-ms-transition-delay: 0,0,400ms;
	-moz-transition-delay: 0,0,400ms;
	-o-transition-delay: 0,0,400ms;
	transition-delay: 0,0,400ms;

	position: absolute;
	right: 0;
}
#site-navigation .slide ul li a {
	color: #a1b7cd;
}
#site-navigation a.donate span.icon {
	width: 57px;
	height: 48px;
	line-height: 48px;
	background: #bf1e2e;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
#site-navigation a.donate img {
	max-width: 10px;
}
#site-navigation .logo {
	width: 117px;
	display: block;
	float: left;
	height: 71px;
	line-height: 71px;
	margin-left: 15px;
	margin-right: 30px;
}
#site-navigation .logo img {
	width: 100%;
}
#site-navigation .toggle-nav {
	display: none;
	background: #06519a;
	color: #fff;
	height: 50px;
	line-height: 50px;
	width: 50px;
	text-align: center;
	font-size: 30px;
}
#site-navigation .toggle-nav:hover {
	background: #0f5ba5;
}
#site-navigation .toggle-nav i {
	-webkit-transition: all 350ms ease;
	-moz-transition: all 350ms ease 0ms;
	-ms-transition: all 350ms ease 0ms;
	-o-transition: all 350ms ease 0;
	transition: all 350ms ease 0;
}
body.show-nav #site-navigation .toggle-nav i {
	-webkit-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
#site-navigation ul li.home a {
	background-image: url('images/icon-nav-home.png');
	background-position: 11px 26px;
	background-repeat: no-repeat;
	-o-background-size: 19px;
	-ms-background-size: 19px;
	-moz-background-size: 19px;
	-webkit-background-size: 19px;
	background-size: 19px;
}
#site-navigation ul li.about a {
	background-image: url('images/icon-nav-about.png');
	background-position: 14px 28px;
	background-repeat: no-repeat;
	-o-background-size: 15px;
	-ms-background-size: 15px;
	-moz-background-size: 15px;
	-webkit-background-size: 15px;
	background-size: 15px;
}
#site-navigation ul li.issues a {
	background-image: url('images/icon-nav-flag.png');
	background-position: 17px 29px;
	background-repeat: no-repeat;
	-o-background-size: 12px;
	-ms-background-size: 12px;
	-moz-background-size: 12px;
	-webkit-background-size: 12px;
	background-size: 12px;
}
#site-navigation ul li.getinvolved a {
	background-image: url('images/icon-nav-getinvolved.png');
	background-position: 17px 28px;
	background-repeat: no-repeat;
	-o-background-size: 14px;
	-ms-background-size: 14px;
	-moz-background-size: 14px;
	-webkit-background-size: 14px;
	background-size: 14px;
}
#site-navigation ul li.news a {
	background-image: url('images/icon-nav-rss.png');
	background-position: 15px 28px;
	background-repeat: no-repeat;
	-o-background-size: 13px;
	-ms-background-size: 13px;
	-moz-background-size: 13px;
	-webkit-background-size: 13px;
	background-size: 13px;
}
















/*=========================================
=            MOBILE NAVIGATION            =
=========================================*/
#mobile-nav {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 999999;
	top: -250px; /* 50 x items in nav */
}
#site-navigation #mobile-nav nav {
	float: none;
	margin: 0;
}
#site-navigation {
	-webkit-transition: -webkit-transform .33s cubic-bezier(.694, .0482, .335, 1);
	-moz-transition: -moz-transform .33s cubic-bezier(.694, .0482, .335, 1);
	-o-transition: -o-transform .33s cubic-bezier(.694, .0482, .335, 1);
	-ms-transition: -ms-transform .33s cubic-bezier(.694, .0482, .335, 1);
	transition: transform .33s cubic-bezier(.694, .0482, .335, 1);

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease 0ms;
	-ms-transition: all 300ms ease 0ms;
	-o-transition: all 300ms ease 0;
	transition: all 300ms ease 0;
}
body.show-nav #site-navigation {
	-webkit-transform: translate(0, 250px) translateZ(0);
	-moz-transform: translate(0, 250px) translateZ(0);
	-ms-transform: translate(0, 250px) translateZ(0);
	-o-transform: translate(0, 250px) translateZ(0);
	transform: translate(0, 250px) translateZ(0);
}
#site-navigation #mobile-nav li {
	display: block;
	float: none;
	text-align: center;
}
#site-navigation #mobile-nav li a {
	display: block;
	width: 100%;
	background: #e0e7ef;
	padding: 0;
	margin: 0;
	height: 50px;
	line-height: 50px;
}
#site-navigation #mobile-nav li a:hover {
	background: #C3C9D1;
}





/*==============================
=            TOPPER            =
==============================*/
#topper {
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: #e3e3e3;
	text-align: center;
}
#topper.tall {
	background-image: url('images/background-topper-tall.jpg');
}
#topper.narrow {
	background-image: url('images/background-narrow-topper.jpg');
}
#topper.inner {
	padding-top: 25px;
}
#topper h1 {
	color: #fff;
	font-size: 80px;
	letter-spacing: -0.03em;
	-webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	-moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	font-weight: 300;
}
#topper.narrow h1 {
	font-size: 54px;
	font-weight: 400;
}
#topper.inner h1 {
	margin-top: 0;
}
#topper.extra-space h1 {
	margin-bottom: 60px;
}
#topper .arrow {
	color: #fff;
	font-size: 40px;
	text-align: center;
	margin-bottom: 5px;
	display: inline-block;
}
#topper.narrow .arrow {
	display: none;
}
#topper.tall .arrow {
	margin-top: 55px;
}
#topper.inner a.logo {
	display: block;
	width: 127px;
	display: block;
	margin: 0 auto;
}
#topper.inner a.logo img {
	width: 100%;
}
#topper .pre-title-topper {
	font-size: 14px;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 600;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.4em;
	display: block;
	-webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	-moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
}
#topper.narrow .pre-title-topper {
	margin-top: 10px;
}
#topper.tall .pre-title-topper {
	margin-top: 100px;
}
#topper p.subtitle {
	color: #fff;
	font-size: 20px;
	-webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	-moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	font-style: italic;
	font-family: 'Aleo';
	-webkit-font-smoothing: antialiased;
	line-height: 32px;
	padding: 0 50px;
	margin: 0 auto 35px;
	display: block;
}



/*=================================
=            HOME PAGE            =
=================================*/
/*==========  TOPPER HOME  ==========*/
#topper.home {
	text-align: center;
	background-image: url('images/background-home.jpg');
}
#topper.home a.logo {
	display: block;
	width: 200px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
#topper.home a.logo img {
	width: 100%;
}
#topper.home h1 {
	margin: 0;
}
#topper.home form {
	margin-top: 20px;
	margin-bottom: 115px;
}
#topper.home input {
	border: none;
}
#topper.home input.email {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	border-bottom: solid 1px #ced4da;
	background-image: url('images/icon-email.png');
	background-repeat: no-repeat;
	-o-background-size: 17px;
	-ms-background-size: 17px;
	-moz-background-size: 17px;
	-webkit-background-size: 17px;
	background-size: 17px;
	background-position: 11px 16px;
}
#topper.home input.zip {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-image: url('images/icon-gps.png');
	background-repeat: no-repeat;
	-o-background-size: 12px;
	-ms-background-size: 12px;
	-moz-background-size: 12px;
	-webkit-background-size: 12px;
	background-size: 12px;
	background-position: 13px 16px;
}
#topper.home button {
	padding: 0;
	height: 50px;
	line-height: 50px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}

/*==========  HOME ACTIONS  ==========*/
#home-actions {
	padding: 171px 0 110px;
}
#home-actions a {
	display: block;
	height: 225px;
	text-align: center;
	position: relative;
}
#home-actions a .action-icon {
	position: relative;
	border: 3px solid #eee;
	display: block;
	height: 145px;
	line-height: 145px;
	width: 145px;
	text-align: center;
	margin: 0 auto;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;

	background: #e0e7ef;
	border: none;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-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;
}
#home-actions a .action-icon img {
	position: relative;
	z-index: 999999;
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.70;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease 0ms;
	-moz-transition: all 300ms ease 0ms;
	-o-transition: all 300ms ease 0;
	transition: all 300ms ease 0;
}
/*#home-actions a .action-icon:after {
	position: absolute;
	width: 0px;
	height: 0px;
	display: block;
	background: #e0e7ef;
	content: ' ';
	height: 130px;
	line-height: 130px;
	width: 130px;
	top: 0;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-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);
	-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;
}*/
#home-actions a:hover .action-icon img {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}
#home-actions a:hover .action-icon {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-ms-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
}
#home-actions h4 {
	margin-top: 20px;
	font-family: "franklin-gothic-urw",sans-serif;
}
#home-actions .description {
	margin: 0 auto;
	max-width: 220px;
	color: #788fa7;
}








/*==========  FEEDS  ==========*/
#feeds {
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url('images/background-feeds.jpg');
	text-align: center;
	padding: 180px 0;
}
#feeds i, #feeds span {
	display: block;
}
#feeds .feed a {
	display: block;
	border-radius: 100%;
	height: 305px;
	width: 305px;
	margin: 0 auto;
	color: #fff;
	padding: 42px 30px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-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;
	margin: 50px auto;
}
#feeds .feed a:hover {
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08);
}
#feeds .facebook.feed a { background: #3b589c; }
#feeds .twitter.feed a { background: #00aced; }
#feeds .rss.feed a { background: #004990; }
#feeds .feed a i {
	font-size: 35px;
	margin-bottom: 30px;
}
#feeds .feed a span.description {
	font-style: italic;
	font-size: 14px;
	font-weight: 400;
	font-family: 'Aleo';
	-webkit-font-smoothing: antialiased;
	font-weight: 600;
}
#feeds .feed hr {
	border-top: 3px solid #fff;
	width: 34px;
	margin: 25px auto;
}
#feeds .feed span.meta {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
}
#feeds .bx-wrapper .bx-viewport {
	background: none;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#feeds ul {
	margin: 0;
	padding: 0;
}
#feeds .bx-wrapper .bx-controls-direction a {
	color: #c2cbdc;
	border: solid 2px #c2cbdc;
	text-indent: 0;
	display: block;
	height: 50px;
	width: 50px;
	line-height: 50px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	font-size: 30px;

	-moz-transition: all 100ms ease-in-out !important;
	-webkit-transition: all 100ms ease-in-out !important;
	transition: all 100ms ease-in-out !important;
}
#feeds .bx-wrapper .bx-controls-direction a:hover {
	color: #fff;
	border-color: #fff;
}
#feeds .bx-wrapper .bx-controls-direction a i {
	line-height: 45px;
}
#feeds .bx-wrapper .bx-controls-direction a.bx-prev {
	left: 50px;
}
#feeds .bx-wrapper .bx-controls-direction a i.bx-prev {
	margin-left: -4px;
}
#feeds .bx-wrapper .bx-controls-direction a i.bx-next {
	margin-right: -4px;
}
#feeds .bx-wrapper .bx-controls-direction a.bx-next {
	right: 50px;
}
#feeds li {
	padding-left: 1em;
}


/*==========  HOME BLURBS  ==========*/
.blurb {
	text-align: center;
	padding: 40px 0;
}


/*==========  HOME ABOUT ==========*/
#home-about {
	text-align: center;
	padding: 150px 0;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url('images/background-home-about.jpg');
}
#home-about h2 {
	-webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	-moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	font-size: 58px;
}
#home-about p {
	color: #fff;
	font-size: 20px;
	letter-spacing: -0.02em;
	color: #d7dfe5;
	-webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	-moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	line-height: 33px;
	-webkit-font-smoothing: antialiased;
	padding: 0 55px;
	margin: 20px 0 40px;
}
#home-about a.btn {
	width: 254px;
	height: 54px;
	padding: 0;
	line-height: 54px;
}








/*=============================
=            INNER            =
=============================*/
main {
	padding-top: 160px;
	padding-bottom: 60px;
}
p.subheading {
	color: #4f6f8f;
	font-size: 25px;
	line-height: 35px;
	font-weight: 300;
	margin-bottom: 40px;
}
#content article {
	margin-bottom: 35px;
}
#content article h2.title {
	margin-top: 0;
}
#content article aside.meta {
	margin: 15px 0;
}
#content article aside.meta span {
	color: #788fa7;
	font-size: 15px;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}
#content article aside.meta span.publication-date {
	margin-right: 50px;
}
#content article .featured-image img {
	margin: 15px 0 40px;
	width: 100%;
	height: auto;
}
.featured-image img {
	width: 100%;
	height: auto;
}





/*==============================
=            ISSUES            =
==============================*/
.issues-content {
	text-align: center;
	margin-bottom: 30px;
}
.issues-content h2 {
	margin: 0;
}
#issues .row {
	margin-bottom: 60px;
}
#issues .issue {
	padding: 0 1.75em;
	margin-bottom: 3.5em;
}
#issues .issue a {
	display: block;
	position: relative;
	width: 100%;
	background-color: #06519a;
	background-repeat: no-repeat;
	background-position: 0 0;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	overflow: hidden !important;
	color: #fff;
	text-align: center;
	padding-top: 50%;



	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease 0ms;
	-ms-transition: all 300ms ease 0ms;
	-o-transition: all 300ms ease 0;
	transition: all 300ms ease 0;
}
#issues .issue a:hover {
	background: #002243;
}
#issues .issue a h3 {
	color: #fff;
	font-size: 20px;
	letter-spacing: 0.1em;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	z-index: 100;
	position: relative;
	margin-top: -11px;

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease 0ms;
	-ms-transition: all 300ms ease 0ms;
	-o-transition: all 300ms ease 0;
	transition: all 300ms ease 0;
}
#issues .issue a p {
	font-family: 'Aleo';
	font-style: italic;
	font-size: 14px;
	line-height: 23px;
	z-index: 100;
	position: relative;
}
#issues .issue hr {
	border-top: 3px solid #fff;
	width: 34px;
	margin: 0 auto;
	z-index: 100;
	position: relative;
}
#issues .issue a img {
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	zoom: 1;
	filter: alpha(opacity=18);
	opacity: 0.18;
	width: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;

	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease 0ms;
	-ms-transition: all 300ms ease 0ms;
	-o-transition: all 300ms ease 0;
	transition: all 300ms ease 0;
}
#issues .issue a:hover img {
	zoom: 1;
	filter: alpha(opacity=0);
	opacity: 0.0;
}
#issues .issue .description {
	-webkit-transform: translateY(500%) scale(2);
	-moz-transform: translateY(500%) scale(2);
	-ms-transform: translateY(500%) scale(2);
	-o-transform: translateY(500%) scale(2);
	transform: translateY(500%) scale(2);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease 0ms;
	-ms-transition: all 300ms ease 0ms;
	-o-transition: all 300ms ease 0;
	transition: all 300ms ease 0;

	padding: 0 50px;
}
#issues .issue a:hover .description {
	-webkit-transform: translateY(-60%) scale(1);;
	-moz-transform: translateY(-60%) scale(1);;
	-ms-transform: translateY(-60%) scale(1);;
	-o-transform: translateY(-60%) scale(1);;
	transform: translateY(-60%) scale(1);;
}
#issues .issue a:hover h3 {
	-webkit-transform: translateY(-80px) scale(0.8);
	-moz-transform: translateY(-80px) scale(0.8);
	-ms-transform: translateY(-80px) scale(0.8);
	-o-transform: translateY(-80px) scale(0.8);
	transform: translateY(-80px) scale(0.8);
}





/*===============================
=            SIDEBAR            =
===============================*/
#sidebar h4 {
	color: #002243;
	font-size: 21px;
	font-family: 'Aleo';
	font-style: italic;
	text-align: center;
	letter-spacing: 0;
	text-transform: none;
	margin-bottom: 15px;
}
#sidebar form {
	width: 100%;
	margin-bottom: 40px;
}
#sidebar form input {
	width: 100%;
	box-sizing: border-box;
	min-width: 0;
	color: #4f6f8f;
	letter-spacing: -0.02em;
	background: #e0e7ef;
	border: none !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}
#sidebar form input.email {
	border-bottom: solid 1px #ced4da !important;
	-moz-border-radius: 2px 2px 0 0 !important;
	-webkit-border-radius: 2px 2px 0 0 !important;
	border-radius: 2px 2px 0 0 !important;
	background-image: url('images/icon-email.png');
	background-repeat: no-repeat;
	-ms-background-size: 17px;
	-o-background-size: 17px;
	-moz-background-size: 17px;
	-webkit-background-size: 17px;
	background-size: 17px;
	background-position: 11px 16px;
}
#sidebar form input.zip {
	background-image: url('images/icon-gps.png');
	background-repeat: no-repeat;
	-ms-background-size: 12px;
	-o-background-size: 12px;
	-moz-background-size: 12px;
	-webkit-background-size: 12px;
	background-size: 12px;
	background-position: 13px 15px;
}
#sidebar form button {
	height: 52px;
	line-height: 52px;
	padding: 0;
	width: 100%;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}
#sidebar-social a {
	text-align: center;
	display: block;
	width: 50%;
	float: left;
	height: 74px;
	line-height: 74px;
	color: #9fafce;
	border-top: 1px solid #e2e5e9;
	border-bottom: 1px solid #e2e5e9;
	font-size: 32px;
	margin-bottom: 42px;
}
#sidebar-social a.facebook {
	border-right: 1px solid #e2e5e9;
}
#sidebar-social a:hover {
	background: #F8F8F8;
}
#sidebar-social a.facebook:hover {
	color: #3b589c;
}
#sidebar-social a.twitter:hover {
	color: #00aced;
}
#sidebar-actions h4 {
	letter-spacing: 0.2em;
	font-size: 15px;
	text-transform: uppercase;
	color: #485666;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	text-align: left;
	margin: 0;
	margin-bottom: 5px;
	line-height: 100%;
}
#sidebar-actions p {
	color: #788fa7;
	line-height: 17px;
	font-size: 13px;
	margin-bottom: 30px;
}
#sidebar-actions a.action {
	display: block;
}
#sidebar-actions .action-icon-container, #sidebar-actions .action-text {
	float: left;
}
#sidebar-actions .action-icon {
	position: relative;
	border: 2px solid #eee;
	display: block;
	height: 45px;
	line-height: 42px;
	width: 45px;
	text-align: center;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	text-align: center;
}
#sidebar-actions .action-icon:after {
	position: absolute;
	width: 20px;
	height: 20px;
	display: block;
	background: #e0e7ef;
	content: ' ';
	height: 45px;
	line-height: 45px;
	width: 45px;
	top: 0;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-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;
	left: -2px;
}
#sidebar-actions .action-icon img {
	max-width: 12px;
	position: relative;
	z-index: 999999;
	zoom: 1;
	filter: alpha(opacity=70);
	opacity: 0.70;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease 0ms;
	-ms-transition: all 300ms ease 0ms;
	-o-transition: all 300ms ease 0;
	transition: all 300ms ease 0;
}
#sidebar-actions .action:hover .action-icon:after {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
#sidebar-actions .action:hover .action-icon img {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1;
}
#sidebar-actions .action-icon-container {
	width: 25%;
}
#sidebar-actions .action-text {
	width: 75%;
	text-align: left;
}
#sidebar-actions .get-updates .action-icon img {
	max-width: 15px;
}








/*=============================
=            INDEX            =
=============================*/
main.index .post h2.title {
	margin-top: 0;
	margin-bottom: 28px;
}
main.index .post h2.title a {
	color: #002243;
}
main.index .post h2.title a:hover {
	color: #3A73AA;
}
main.index .post .excerpt p {
	font-family: 'Aleo';
	font-size: 15px;
	color: #4f6f8f;
	line-height: 25px;
	margin-bottom: 45px;
}
.read-more {
	color: #06519a;
	text-transform: uppercase;
	font-size: 13px;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 600;
	letter-spacing: 0.1em;
	-webkit-font-smoothing: antialiased;
}
aside.meta span, aside.meta span a {
	color: #788fa7;
	font-size: 15px;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 500 !important;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
}
aside.meta span {
	padding-left: 20px;
	margin-right: 40px;
}
aside.meta span a:hover {
	color: #002243;
}
aside.meta span.publication-date {
	background-image: url('images/icon-clock.png');
	background-repeat: no-repeat;
	background-position: 0 3px;
	-ms-background-size: 15px;
	-o-background-size: 15px;
	-moz-background-size: 15px;
	-webkit-background-size: 15px;
	background-size: 15px;
}
aside.meta span.category {
	background-image: url('images/icon-flag.png');
	background-repeat: no-repeat;
	background-position: 3px 5px;
	-moz-background-size: 9px;
	-ms-background-size: 9px;
	-o-background-size: 9px;
	-webkit-background-size: 9px;
	background-size: 9px;
}
main.index .post hr {
	border-color: #e2e5e9;
	margin-top: 20px;
	margin-bottom: 38px;
}
main.index .post .featured-image {
	margin-bottom: 25px;
}







/*==================================
=            SHARE PAGE            =
==================================*/
#topper.share-page .pre-title-topper, #topper.share-page h1 {
	display: none !important;
}
#topper.share-page a.logo {
	width: 255px !important;
}
#topper.share-page {
	padding: 62px 0 !important;
}
h2.title.share-title {
	font-size: 44px;
	text-align: center;
	margin-bottom: 40px;
	margin-top: 0;
}
.page-sharer.share-page {
	width: auto;
	max-width: 0;
	position: absolute;
	top: 90px;
	left: 20px;
	display: none;
}
.page-sharer.share-page a {
	display: block;
	margin-bottom: 8px;
}








/*==============================
=            FOOTER            =
==============================*/
/*==========  FOOTER DONATE  ==========*/
#footer-donate {
	background: #bf1e2e;
	padding: 60px 0;
	text-align: center;
}
#footer-donate a {
	width: 100%;
	max-width: 492px;
	height: 68px;
	line-height: 68px;
	padding: 0;
}


/*==========  FOOTER JOIN  ==========*/
#footer-join {
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url('images/background-footer-join.jpg');
	text-align: center;


	padding: 100px 0;
}
#footer-join h3 {
	font-size: 56px;
	color: #fff;
	letter-spacing: -0.03em;
	-webkit-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	-moz-text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
	font-weight: 400;
}
#footer-join form {
	margin-top: 20px;
	margin-bottom: 115px;
}
#footer-join input {
	border: none;
}
#footer-join input.email {
	-moz-border-radius: 2px 2px 0 0;
	-webkit-border-radius: 2px 2px 0 0;
	border-radius: 2px 2px 0 0;
	border-bottom: solid 1px #ced4da;
	background-image: url('images/icon-email.png');
	background-repeat: no-repeat;
	-o-background-size: 17px;
	-ms-background-size: 17px;
	-moz-background-size: 17px;
	-webkit-background-size: 17px;
	background-size: 17px;
	background-position: 11px 16px;
}
#footer-join input.zip {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-image: url('images/icon-gps.png');
	background-repeat: no-repeat;
	-o-background-size: 12px;
	-ms-background-size: 12px;
	-moz-background-size: 12px;
	-webkit-background-size: 12px;
	background-size: 12px;
	background-position: 13px 15px;
}
#footer-join button {
	padding: 0;
	height: 50px;
	line-height: 50px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	border-radius: 0 0 2px 2px;
}


/*==========  FOOTER NAV  ==========*/
#footer-nav {
	padding: 50px 0;
}
#footer-nav .social {
	text-align: center;
}
#footer-nav .social a {
	font-size: 50px;
	color: #9fafce;
	margin: 0 17px;

	-moz-transition: all 100ms ease-in-out !important;
	-webkit-transition: all 100ms ease-in-out !important;
	transition: all 100ms ease-in-out !important;
}
#footer-nav .social a i {
	-moz-transition: all 100ms ease-in-out !important;
	-webkit-transition: all 100ms ease-in-out !important;
	transition: all 100ms ease-in-out !important;
}
#footer-nav .social a.facebook:hover { color: #3b589c; }
#footer-nav .social a.twitter:hover { color: #00aced; }
#footer-nav .nav-items {
	margin-top: 50px;
	text-align: center;
}
#footer-nav .nav-items ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#footer-nav .nav-items ul li {
	display: inline-block;
}
#footer-nav .nav-items ul li a {
	color: #4b5469;
	font-size: 16px;
	letter-spacing: -0.02em;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	margin: 0 20px;
}
#footer-nav .nav-items ul li.volunteer a {
	color: #004990;
}
#footer-nav .nav-items ul li.donate a {
	color: #c12837;
}

/*==========  COPYRIGHT  ==========*/
#copyright {
	background: #002243;
	text-align: center;
	padding: 30px 0 20px;
}
#copyright img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 200px;
	margin-top: 20px;
}
#copyright .copyright-links a {
	color: #a1b7cd;
	font-size: 11px;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
	margin: 0 10px;
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.5;
	text-transform: uppercase;
}
#copyright .copyright-links a:hover {
	zoom: 1;
	filter: alpha(opacity=100);
	opacity: 1
}

/*==========  DISCLAIMER  ==========*/
#disclaimer {
	background: #001e3b;
	border-bottom: 2px solid #002243;
	text-align: center;
}
#disclaimer p {
	margin: 0;
	color: #265077;
	height: 50px;
	line-height: 50px;
	letter-spacing: 0.2em;
	font-size: 12px;
	text-transform: uppercase;
	font-family: "franklin-gothic-urw",sans-serif;
	font-weight: 500;
	-webkit-font-smoothing: antialiased;
}





/*=====================================
=            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) {
		.page-sharer.share-page {
			display: block;
		}
	}

	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1200px) {

	}



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

	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1200px) {
		#site-navigation ul li a {
			padding-left: 30px;
			padding-right: 0;
		}
		#site-navigation ul li.home a { background-position: 5px 26px; }
		#site-navigation ul li.about a { background-position: 10px 28px; }
		#site-navigation ul li.issues a { background-position: 13px 29px; }
		#site-navigation ul li.getinvolved a { background-position: 13px 28px; }
		#site-navigation ul li.news a { background-position: 12px 28px; }

		#feeds .bx-wrapper .bx-controls-direction a.bx-prev {
			left: 20px;
		}
		#feeds .bx-wrapper .bx-controls-direction a.bx-next {
			right: 20px;
		}
	}

	/* Medium Devices, Desktops */
	@media only screen and (max-width : 992px) {
		#site-navigation .slide ul li.home {
			display: none;
		}
		#site-navigation .logo {
			margin-left: 15px;
			margin-right: 10px;
		}
		#site-navigation ul li a span.hide-small {
			display: none;
		}
		#site-navigation nav {
			margin-left: 15px;
		}
		#site-navigation.sticky nav {
			margin-left: 0;
		}
		#footer-nav .nav-items ul li a {
			margin: 0 17px;
		}
		#issues .issue {
			max-width: 340px;
			margin-left: auto;
			margin-right: auto;
		}
		.bx-controls {
			display: none;
		}
		#feeds {
			padding: 25px 0;
		}
	}

	/* Small Devices, Tablets */
	@media only screen and (max-width : 768px) {
		body {
			padding-top: 50px;
		}
		#site-navigation {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 99999999;
			-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
			-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.1);
			box-shadow: 0 5px 5px rgba(0,0,0,0.1);
		}
		#site-navigation .slide {
			-webkit-transform: translateX(0);
			-moz-transform: translateX(0);
			-ms-transform: translateX(0);
			-o-transform: translateX(0);
			transform: translateX(0);
		}
		#site-navigation #nav-wrap {
			background: #002243;
			border: none;
		}
		#site-navigation nav, #site-navigation .logo {
			display: none;
		}
		#site-navigation a.donate {
			position: relative;
			margin-bottom: 12px;
			margin-top: 0;
			margin-right: 0;
			width: auto;
			border-radius: 0;
			border-top: 0;
			border-bottom: 0;
			border-right: 0;

			width: 50px;
			height: 50px;
			padding: 0;
			margin-bottom: 0;
		}
		#site-navigation a.donate span.text {
			padding-left: 56px;
		}
		#site-navigation a.donate span.icon {
			width: 50px;
			height: 50px;
			padding: 0;
		}
		#site-navigation .toggle-nav {
			display: block;
		}
		#mobile-nav {
			display: block;
		}
		#home-actions {
			padding: 100px 0;
		}
		#home-actions a {
			margin-bottom: 70px;
		}
		#footer-nav .nav-items ul li {
			display: block;
		}
		#footer-nav .nav-items ul li a {
			margin: 0;
			margin-bottom: 13px;
			display: block;
			width: auto;
			font-size: 20px;
		}
		main {
			padding-top: 60px;
		}

		#topper.tall .pre-title-topper {
			padding-top: 30px;
			margin-top: 0;
		}
		#topper.tall .arrow {
			margin-top: 0;
		}
		#nav-wrap .row {
			background: #06519a;
		}
	}

	/* Extra Small Devices, Phones */
	@media only screen and (max-width : 480px) {
		#topper.inner h1 {
			font-size: 50px;
		}
		#topper p.subtitle {
			padding: 0;
		}
		#main-social {
			display: none;
		}
	}

	/* 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;
}