@charset "UTF-8";
/*
Theme Name: Every Voice
Theme URI:
Author: Derek S. Moore
Author URI: http://dereksmoore.com/
Description: A custom theme built for Every Voice.
Version: 1.0
*/
@import url(css/fonts.css);
@import url(css/reset.css);
@import url(css/animate.css);
@import url(css/foundation.min.css);
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@import url(css/jquery.maximage.min.css);
/* Gotham Weights: 300, 500, 600 */
/* Elena Web Basic */
/* Brand Colors */
html, body { height: 100%; }

body { margin: 0 auto; background: #eaeaeb; font-style: normal; color: rgba(49, 53, 64, 0.75); z-index: 10000; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
body.open { top: 98px; }

/*--- Common Styles ---*/
h1, h2 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

h1, h2, h3, h4, h5 { font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; }
h1 span, h2 span, h3 span, h4 span, h5 span { text-transform: uppercase; }

a.button, div.button { padding: 5px 10px; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; border: 4px solid #fff; background: none; text-transform: uppercase; font-size: 18px; }

.row { position: relative; z-index: 100000; }

span.icon { display: inline-block; width: 15px; height: 13px; text-indent: -999999px; margin: 2px 0 0 7px; background-repeat: no-repeat; }
span.icon.down.gray { height: 15px; background: url("images/icon-arrow-down-gray.svg"); }
span.icon.left.gray { background: url("images/icon-arrow-left-gray.svg"); margin-right: 5px; margin-top: 5px; }
span.icon.right.gray { float: none !important; background: url("images/icon-arrow-right-gray.svg"); }
span.icon.right.gray.red { background: url("images/icon-arrow-right-gray-red.svg"); }
span.icon.right.blue { float: none !important; background: url("images/icon-arrow-right-blue.svg"); }

a.download span, a.righta span { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; }

/*--- Search ---*/
#search-wrapper { height: 98px; background: #fff; position: fixed; top: -98px; left: 0; right: 0; z-index: 100000; opacity: 0; padding-left: 45px; }
#search-wrapper.open { top: -98px; position: relative; margin-bottom: -98px; opacity: 1; }
#search-wrapper form { max-width: 800px; margin: 0 auto; padding-bottom: 5px; border-bottom: 1px solid rgba(49, 53, 64, 0.4); background: #fff url("images/icon-button-arrow-right.svg") 98% 39px no-repeat; }
#search-wrapper form:before { content: ""; background: url("images/icon-search-gray.svg") center center no-repeat; width: 27px; height: 27px; display: inline-block; margin-left: -35px; top: 34px; position: absolute; }
#search-wrapper input[type="text"] { font-size: 28px; font-weight: 300; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; border: none; margin-top: 30px; color: #313540; width: 94%; }
#search-wrapper input[type="submit"] { cursor: pointer; position: relative; top: 0px; right: -1px; background: url("images/icon-button-arrow-right-hover.svg") center center no-repeat; width: 28px; height: 30px; text-indent: -9999px; transition: all .3s ease-in-out; border: none; opacity: 0; }
#search-wrapper input[type="submit"]:hover { opacity: 1; }
#search-wrapper.search-page { top: 0; position: relative; opacity: 1; background: transparent; }
#search-wrapper.search-page form { background-color: transparent; }
#search-wrapper.search-page input[type="text"] { background-color: transparent; }

/*--- Header ---*/
header { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: background .3s ease-in-out; transition: background .3s ease-in-out; }
header.open { position: relative; }
header #logo { float: left; }
header #logo a { display: block; width: 150px; height: 35px; background: url("images/logo.svg") no-repeat; text-indent: -9999px; }

header nav ul { float: right; margin: 0 0 0 7px; }
header nav ul li { float: left; margin: 0 10px; }
header nav ul li:last-child { margin-right: 0; }
header nav ul li a { color: #fff; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; text-decoration: none; font-size: 18px; text-transform: uppercase; padding: 10px 0 1px 0; display: inline-block; font-weight: 600; }
header nav ul li a:hover { border-bottom: 4px solid #fff; color: #fff; }
header nav li.current_page_item a, header nav li.current-page-ancestor a { border-bottom: 4px solid #fff; color: #fff; }
header nav a.button { margin-top: 4px; -webkit-transition: all .3s ease-in-out !important; transition: all .3s ease-in-out !important; padding-left: 12px; padding-right: 12px; }
header nav a.button:hover { background: #fff; color: #313540 !important; }
header nav ul li a.search-link { background: url("images/icon-search-white.svg") center 16px no-repeat; width: 30px; text-indent: -9999px; }
@media screen and (max-width: 768px) { header nav { display: none; } }

/*------ Main Page Elements ------*/
/*--- Header.main ---*/
header.main { height: 100%; padding: 30px; }
header.main nav { height: 100px; }
header.main .row.top { z-index: 10000; position: relative; }

.slides .content { position: relative; top: 17%; z-index: 1000; }
.slides .content h2 { max-width: 550px; margin: 0 auto; }
.slides .content h2 { margin-top: 6%; font-size: 52px; line-height: 60px; color: #fff; margin-bottom: 40px; }
.slides .content h2:before { content: "#"; margin-right: -12px; display: inline-block; }
.slides .content h2 a { color: #fff; font-size: 18px; border: 4px solid #fff; padding: 5px 15px; display: block; width: 105px; line-height: 24px; text-transform: uppercase; margin-top: 60px; -webkit-transition: all .3s ease-in-out; }
.slides .content h2 a:hover { background: #fff; color: #313540; }
.slides .content h2 span.hide-space { display: none; }
@media screen and (min-width: 1200px) { .slides .content h2 { font-size: 75px; line-height: 70px; max-width: 800px; } }
@media screen and (max-width: 800px) { .slides .content h2 { font-size: 40px; line-height: 45px; padding: 0 15px; xmax-width: 230px; } }

/*--- Home Content ---*/
.home { padding: 165px 0; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; }
.home h2 { max-width: 430px; width: 100%; font-size: 42px; line-height: 50px; margin-top: 60px; }
.home p { font-size: 28px; margin-top: 80px; text-align: center; display: inline-block; }
.home p span { font-weight: 300; }
.home .newsletter strong { font-weight: 500; }

.newsletter, .donation { max-width: 767px !important; width: 100% !important; margin: 0 auto; color: #313540; /* End Form */ }
.newsletter form.salsa-form, .donation form.salsa-form { width: auto !important; display: inline-block; border-bottom: 1px solid rgba(49, 53, 64, 0.75); margin-left: 10px; height: 45px; top: 10px; position: relative; background: url("images/icon-button-arrow-right.svg") center right no-repeat; /* End Submit */ }
.newsletter form.salsa-form label[for="Email"], .donation form.salsa-form label[for="Email"] { display: none; }
.newsletter form.salsa-form .pre_group_text, .newsletter form.salsa-form .pre_intro_text, .newsletter form.salsa-form .pre_interest_text, .newsletter form.salsa-form p, .newsletter form.salsa-form .pre_submit_text, .newsletter form.salsa-form .post_submit_text, .donation form.salsa-form .pre_group_text, .donation form.salsa-form .pre_intro_text, .donation form.salsa-form .pre_interest_text, .donation form.salsa-form p, .donation form.salsa-form .pre_submit_text, .donation form.salsa-form .post_submit_text { display: none; }
.newsletter form.salsa-form input[type="text"], .donation form.salsa-form input[type="text"] { font-size: 28px; outline: none; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; font-weight: 300; border: none; background: none; color: rgba(49, 53, 64, 0.75); margin-bottom: 15px; }
.newsletter form.salsa-form input[type="submit"], .donation form.salsa-form input[type="submit"] { cursor: pointer; position: relative; top: -72px; background: url("images/icon-button-arrow-right-hover.svg") center center no-repeat; width: 28px; height: 30px; text-indent: -9999px; transition: all .3s ease-in-out; border: none; opacity: 0; }
.newsletter form.salsa-form input[type="submit"]:hover, .donation form.salsa-form input[type="submit"]:hover { opacity: 1; }

form.orderform { font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; }
form.orderform label { display: block; }
form.orderform legend { font-size: 18px; margin-bottom: 15px; text-transform: uppercase; color: #313540; }
form.orderform input[type="text"], form.orderform input.blockInput, form.orderform input#CVV2 { font-size: 28px; margin-right: 10px; outline: none; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; font-weight: 300; border: none; display: block; width: 100%; background: rgba(49, 53, 64, 0.05); color: rgba(49, 53, 64, 0.75); margin-bottom: 15px; padding: 5px; }
form.orderform input#CVV2 { width: 30%; float: left; }
form.orderform span.required { float: left; }
form.orderform input.checkbox { display: inline-block; float: left; margin-right: 10px; }
form.orderform input[type="submit"] { padding: 5px 10px; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; border: 4px solid #5e6675; color: #5e6675; background: none; text-transform: uppercase; font-size: 18px; margin-bottom: 20px; }

.error { word-wrap: break-word; width: 100% !important; margin-bottom: 25px; }

#salsa .error { display: none !important; }

form.salsa-form .salsa-input textarea, form.orderform textarea { font-size: 18px; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; font-weight: 300; border: none; background: rgba(49, 53, 64, 0.05); color: rgba(49, 53, 64, 0.75); width: 100%; }

form.salsa-form .salsa-input select, form.orderform select { -webkit-appearance: none; background: none; font-size: 18px; border-radius: 0px; padding: 10px; background: rgba(49, 53, 64, 0.05); border: none; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; font-weight: 300; color: rgba(49, 53, 64, 0.75); margin-bottom: 15px; }

.home .newsletter .salsa-form { position: absolute; top: 75px; }
.home .newsletter .salsa-form input[type="text"] { width: 300px; }

#cycle-loader { height: 32px; left: 50%; margin: -8px 0 0 -8px; position: absolute; top: 50%; width: 32px; z-index: 999; }

#maximage { display: none; position: absolute !important; top: 0; z-index: 10; height: 100%; }

/*--- Slide Overlays ---*/
.overlay { width: 100%; height: 100%; position: fixed; opacity: .8; top: 0; bottom: 0; z-index: -1; display: block; -webkit-transform: translateZ(0); }
@-moz-document url-prefix() { .overlay { position: absolute; } }
@media screen and (max-width: 660px) { .overlay { background-size: auto 80% !important; background-repeat: no-repeat !important; } }
.overlay.blue { background: url("images/blue-overlay.svg") center right; background-size: cover; }
.overlay.red { background: url("images/red-overlay.svg") center right; background-size: cover; }
.overlay.yellow { background: url("images/yellow-overlay.svg") center right; background-size: cover; }
.overlay.purple { background: url("images/grey-overlay.svg") center right; background-size: cover; }

.impact, .work { color: #fff; height: 263px; padding: 80px 20px 0 20px; }
.impact h2, .work h2 { color: #fff; font-size: 42px; text-transform: uppercase; margin-bottom: 0; line-height: 50px; font-weight: 600; }
.impact h2:before, .work h2:before { float: left; margin-right: 20px; margin-top: 5px; display: block; content: ""; }
.impact p, .work p { font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; font-weight: 300; font-size: 28px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*--- Impact ---*/
.impact { background: #00bcd1; }
.impact h2:before { width: 119px; height: 86px; background: url("images/square-left-double.svg"); }

.main-topics { max-width: 474px; margin: 0 auto; padding: 85px 0 100px 0; }
.main-topics a { display: inline-block; padding: 10px 0 15px 0; margin: 0 0 25px 0; color: #313540 !important; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; font-size: 18px; border-bottom: 1px solid #cdced1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.main-topics a.last { border: none; }
.main-topics a span.icon { opacity: 0; display: inline-block; width: 18px; height: 15px; top: -3px; position: relative; background-size: auto 115% !important; }
.main-topics a:hover { color: #00bcd1 !important; }
.main-topics a:hover strong { color: #00bcd1 !important; }
.main-topics a:hover span { opacity: 1; }
.main-topics a strong { color: #313540; text-transform: normal; font-size: 28px; margin-bottom: 15px; display: block; font-weight: 500; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.main-topics a p { font-family: "Elena Web Regular"; color: rgba(49, 53, 64, 0.75); text-transform: none; }
.main-topics a span.big { display: block; margin-top: 30px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 1; }
.main-topics a span.gun { background: url("images/gun.svg") center 0 no-repeat; width: 80px; height: 70px; }
.main-topics a span.gun:before { content: ""; width: 80px; height: 70px; position: absolute; opacity: 0; background: #eaeaeb url("images/gun.svg") center -209px no-repeat; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.main-topics a span.edu { background: url("images/icon-education.svg") center 0 no-repeat; width: 82px; height: 72px; }
.main-topics a span.edu:before { content: ""; width: 82px; height: 72px; position: absolute; opacity: 0; background: #eaeaeb url("images/icon-education.svg") center -104px no-repeat; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.main-topics a span.health { background: url("images/icon-health.svg") center 0 no-repeat; width: 82px; height: 70px; }
.main-topics a span.health:before { content: ""; width: 82px; height: 70px; position: absolute; opacity: 0; background: #eaeaeb url("images/icon-health.svg") center -124px no-repeat; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.main-topics a span.plant { background: url("images/plant.svg") center 0 no-repeat; width: 80px; height: 70px; }
.main-topics a span.plant:before { content: ""; width: 80px; height: 70px; position: absolute; opacity: 0; background: #eaeaeb url("images/plant.svg") center -209px no-repeat; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.main-topics a span.coins { background: url("images/icon-coins.svg") center 0 no-repeat; width: 77px; height: 66px; display: block; }
.main-topics a span.coins:before { content: ""; width: 77px; height: 66px; position: absolute; opacity: 0; background: #eaeaeb url("images/icon-coins.svg") center -69px no-repeat; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.main-topics a span.hat { background: url("images/icon-top-hat.svg") center 0 no-repeat; width: 80px; height: 61px; }
.main-topics a span.hat:before { content: ""; width: 80px; height: 61px; position: absolute; opacity: 0; background: #eaeaeb url("images/icon-top-hat.svg") center -61px no-repeat; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.main-topics a:hover span.gun:before, .main-topics a:hover span.edu:before, .main-topics a:hover span.health:before, .main-topics a:hover span.plant:before, .main-topics a:hover span.coins:before, .main-topics a:hover span.hat:before { opacity: 1; }

/*--- Work ---*/
.work { background: #e33d39; }
.work h2:before { width: 149px; height: 95px; background: url("images/round-right-double.svg") center top no-repeat; }

.row.act { padding: 92px 0 50px 0; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; }
.row.act h2 { font-size: 28px; color: #fff; padding: 25px 50px 25px 40px; min-height: 128px; margin: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.row.act a { background-position: center center; color: rgba(49, 53, 64, 0.75); display: block; background: #fff; margin-bottom: 50px; background: #333; -moz-filter: grayscale(1); -webkit-filter: grayscale(1); }
.row.act a div { padding: 20px 40px; text-transform: uppercase; font-size: 18px; background: #fff; margin-bottom: -3px; }
.row.act a div h2, .row.act a div div, .row.act a div span.title { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.row.act a div span { display: inline-block; width: auto; font-weight: 600; opacity: 1; }
.row.act a div span.icon { width: 15px; opacity: 0; }
.row.act a:hover { -moz-filter: grayscale(0); -webkit-filter: grayscale(0); }
.row.act a:hover h2 { background: #e33d39; }
.row.act a:hover div { color: #e33d39; }
.row.act a:hover .icon.arrow.gray.red { background-position: center 14px; }
.row.act a:hover span.icon { opacity: 1; }

/*--- Take Action ---*/
.take-action { background: url("images/take-action-bg.svg") top center repeat-x; height: 245px; width: 100%; background-size: auto; text-align: center; color: #313540; }
.take-action p { position: relative; top: 100px; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; text-transform: uppercase; font-size: 18px; }
.take-action a.button { border-color: #313540; color: #313540; margin-left: 10px; }
.take-action a.button:hover { background: #313540; color: #fff; }

/*------ Sub Page Stuff ------*/
/*--- Header.sub ---*/
header.sub, div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main { height: 100px; background: #fff; padding: 30px; }
header.sub #logo a, div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main #logo a { background: url("images/logo-color.svg") no-repeat; }
header.sub ul li a.search-link, div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main ul li a.search-link { background: url("images/icon-search-dark.svg") center 16px no-repeat; width: 30px; text-indent: -9999px; }
header.sub nav, div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main nav { height: 100px; }
header.sub nav li a, div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main nav li a { color: rgba(49, 53, 64, 0.75); border-color: rgba(49, 53, 64, 0.75); }
header.sub nav li a:hover, div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main nav li a:hover { color: rgba(49, 53, 64, 0.75); border-color: rgba(49, 53, 64, 0.75); }
header.sub .menu-link, div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main .menu-link { background: url("images/icon-mobile-menu-dark.svg") center center no-repeat; background-size: 100% auto; }

div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main, header.sub { background: #fff; }
div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main nav li a, header.sub nav li a { color: #313540; }
div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main nav li a:hover, header.sub nav li a:hover { color: #313540; border-color: #313540; }
div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main nav li a.button, header.sub nav li a.button { border-color: #313540; color: #313540; }
div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main nav li a.button:hover, header.sub nav li a.button:hover { background: #313540; color: #fff !important; }

body.type-campaign nav li.campaign-here a, body.type-report nav li.issue-here a, header.sub nav li.current_page_item a, header.sub nav li.current_page_parent a, header.sub nav li.current-page-ancestor a { color: #313540; border-bottom: 4px solid #313540; }

body.type-report nav li.issue-here-sub a { border-bottom: 4px solid #fff; }

body.type-campaign nav li.campaign-here-sub a { border-bottom: 4px solid #fff; }

/*--- Sticky Header ---*/
div#sticker-sticky-wrapper.sticky-wrapper { height: 100%; z-index: 1000000; }

div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main, div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.sub { width: 100%; z-index: 1000000; position: relative; }

#sub-head { height: 220px; }
#sub-head span.bg { top: 100px; position: absolute; background-size: cover !important; }
#sub-head.the-issue { background: linear-gradient(rgba(227, 61, 57, 0.7), rgba(227, 61, 57, 0.7)), url("images/photo-cred-memories-by-mike-flickr.jpg") center center no-repeat; }
#sub-head.solutions { background: linear-gradient(rgba(0, 188, 209, 0.7), rgba(0, 188, 209, 0.7)), url("images/crowd_bw.jpg") center center no-repeat; }
#sub-head.about-us { background: #5e6675; }
#sub-head.about-us nav { max-width: 575px; }
#sub-head.the-blog { background: linear-gradient(rgba(93, 102, 117, 0.7), rgba(93, 102, 117, 0.7)), url("images/photo-cred-library-of-congress-LC-DIG-nclc-03744.jpg") center center no-repeat; }
#sub-head.post { height: 386px; }
#sub-head.post span.bg { width: 100%; height: 386px; z-index: -1; position: absolute; -moz-filter: grayscale(1); -webkit-filter: grayscale(1); }
#sub-head.post span.color-overlay { opacity: .80; width: 100%; height: 386px; display: block; }
#sub-head.post.red span.color-overlay { background: url("images/blog_overlay_red.svg") center center; }
#sub-head.post.blue span.color-overlay { background: url("images/blog_overlay_blue.svg") center center; }
#sub-head.post.yellow span.color-overlay { background: url("images/blog_overlay_yellow.svg") center center; }
#sub-head.post.purple span.color-overlay { background: url("images/blog_overlay_grey.svg") center center; }
#sub-head.get-involved { background: linear-gradient(rgba(249, 180, 0, 0.7), rgba(249, 180, 0, 0.7)), url("images/header-get-involved.jpg") center center no-repeat; }
#sub-head h2 { color: #fff; text-transform: uppercase; margin: 80px 0 0 80px; float: left; font-size: 42px; font-weight: 600; }
#sub-head li.current_page_item a { border-bottom: 4px solid #fff; color: #fff; }
#sub-head nav div { float: left; }

#sub-head nav { float: right; margin-top: 95px; width: auto; }
#sub-head nav ul li { float: left; margin-left: 20px; }
#sub-head nav ul li:first-child { margin-left: 0; }
#sub-head nav ul li a { color: #fff; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; font-size: 18px; text-transform: uppercase; padding-bottom: 8px; }
#sub-head nav ul li a:hover { border-bottom: 4px solid #fff; }

#page.sub { margin: 0 auto; padding: 50px 0; max-width: 460px; }
#page.sub ul#files { margin-left: none !important; }
#page.sub ul#files li { list-style: none; margin-left: none; }
#page.sub li a, #page.sub p a { color: #313540; padding-bottom: 2px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-bottom: 1px solid #eaeaeb; }
#page.sub li a:hover, #page.sub p a:hover { border-bottom: 1px solid #313540; }
#page.sub .row { padding: 0 20px; }
#page.sub.parts { max-width: none; padding-bottom: 0; }
#page.sub.parts .row { max-width: 460px; margin: 0 auto; }
#page.sub.get-involved { max-width: 780px; overflow-x: hidden; }
#page.sub h2.page-title { font-size: 28px; border-bottom: 1px solid rgba(49, 53, 64, 0.4); padding-bottom: 9px; text-transform: uppercase; margin-bottom: 56px; font-weight: 600; }
#page.sub h3 { margin-bottom: 20px; }
#page.sub p { margin-bottom: 30px; }
#page.sub p, #page.sub li { font-family: "Elena Web Regular"; line-height: 24px; font-size: 16px; }
#page.sub li { margin-bottom: 10px; }

/*--- Parts Content ---*/
#page.sub.parts .row:nth-child(3) { margin-top: 0; }
#page.sub.parts .share-block { text-align: center; background: #dadadb; margin: 50px auto 50px auto; }
#page.sub.parts .share-block .buttons { max-width: 1000px; margin: 0 auto; width: 100%; }
#page.sub.parts .share-block ul { list-style: none; width: 100px; float: right; margin-top: -50px; z-index: 10000; position: relative; }
#page.sub.parts .share-block ul li { display: inline-block; }
#page.sub.parts .share-block .count { display: none; }
#page.sub.parts .share-block .tw, #page.sub.parts .share-block .fb { position: relative; width: 25px; height: 25px; cursor: pointer; color: rgba(49, 53, 64, 0.4); font-size: 25px; -webkit-transition: all .3s ease-in-out; }
#page.sub.parts .share-block .tw:hover, #page.sub.parts .share-block .fb:hover { color: rgba(49, 53, 64, 0.75); }
#page.sub.parts .share-block .tw:before { position: absolute; font-family: 'FontAwesome'; content: ""; display: block; width: 25px; height: 25px; }
#page.sub.parts .share-block .fb:before { position: absolute; font-family: 'FontAwesome'; content: ""; display: block; width: 25px; height: 25px; }
#page.sub.parts .share-block img { position: relative; }

/*--- Feed ---*/
#page.sub.feed article { margin-bottom: 75px; }
#page.sub.feed article p { margin-bottom: 22px; }
#page.sub.feed article h2 { margin-bottom: 9px; font-size: 28px; line-height: 32px; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; }
#page.sub.feed article h2 a { color: #313540; }
#page.sub.feed .deets { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; font-weight: 300; color: rgba(49, 53, 64, 0.5); margin-bottom: 30px; text-transform: uppercase; font-size: 18px; }
#page.sub.feed .deets .date { font-weight: 600; margin-right: 5px; }
#page.sub.feed .deets .author { margin-left: 5px; }
#page.sub.feed.press .two-col, #page.sub.feed.contact .two-col { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#page.sub.feed.press .two-col.row, #page.sub.feed.contact .two-col.row { padding: 0; }
#page.sub.feed.press .two-col h3, #page.sub.feed.contact .two-col h3 { font-size: 18px; margin-bottom: 15px; text-transform: uppercase; color: #313540; }
#page.sub.feed.press .two-col h4, #page.sub.feed.press .two-col p, #page.sub.feed.contact .two-col h4, #page.sub.feed.contact .two-col p { font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; }
#page.sub.feed.press .two-col h4, #page.sub.feed.contact .two-col h4 { color: #5E6675; font-size: 16px; margin-bottom: 0; text-transform: uppercase; }
#page.sub.feed.press .two-col p, #page.sub.feed.contact .two-col p { color: rgba(49, 53, 64, 0.75) !important; font-weight: 300; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; line-height: 24px; margin-bottom: 25px; font-size: 18px; }
#page.sub.feed.press .two-col p strong, #page.sub.feed.contact .two-col p strong { color: rgba(49, 53, 64, 0.75); font-weight: 500; }
#page.sub.feed.press .two-col ul.info h4, #page.sub.feed.contact .two-col ul.info h4 { display: inline; margin-right: 6px; }
#page.sub.feed.contact { font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; font-weight: 300; font-size: 18px; color: rgba(49, 53, 64, 0.75); }
#page.sub.feed.contact li a, #page.sub.feed.contact p a, #page.sub.feed.contact .media-press a { color: #313540; padding-bottom: 2px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-bottom: 1px solid #eaeaeb; }
#page.sub.feed.contact li a:hover, #page.sub.feed.contact p a:hover, #page.sub.feed.contact .media-press a:hover { border-bottom: 1px solid #313540; }
#page.sub.feed.contact h3 { font-size: 18px; margin-bottom: 10px; text-transform: uppercase; }
#page.sub.feed.contact h4 { font-size: 18px; font-weight: 600; }
#page.sub.feed.contact p, #page.sub.feed.contact li { font-size: 18px; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; color: rgba(49, 53, 64, 0.75) !important; }
#page.sub.feed.contact ul { margin-left: 0; }
#page.sub.feed.contact ul li { list-style: none; margin-bottom: 2px; font-weight: 300; }
#page.sub.feed.contact .social { margin-bottom: 75px; }
#page.sub.feed.contact .social ul { margin: 0; }
#page.sub.feed.contact .social ul li { float: left; margin-right: 30px; }
#page.sub.feed.contact .social ul li a { font-size: 40px; color: rgba(49, 53, 64, 0.4); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-bottom: none; }
#page.sub.feed.contact .social ul li a:hover { color: #313540; border-bottom: none; }

#map p { font-size: 13px; }
#map img { max-width: none; }

.pagination a, a.download, a.righta { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; color: rgba(49, 53, 64, 0.5); text-transform: uppercase; display: inline-block; width: auto; padding-bottom: 3px; border: none; }

a.download, a.righta { font-weight: 600; font-size: 18px; color: rgba(49, 53, 64, 0.5) !important; border: none !important; }
a.download span, a.righta span { opacity: 0; }
a.download:hover span, a.righta:hover span { opacity: 1; }

#page.sub.feed.post { max-width: 1024px; }
#page.sub.feed.post article { max-width: 460px; }
#page.sub.feed.post article h2 { font-size: 41px; line-height: 46px; margin-bottom: 17px; color: #313540; margin-top: -3px !important; }
#page.sub.feed.post article h3 { text-transform: uppercase; margin-bottom: 15px; font-size: 18px; margin-top: 35px; }
#page.sub.feed.post article .deets { font-size: 24px; color: rgba(49, 53, 64, 0.5); text-transform: uppercase; margin-bottom: 50px; }
#page.sub.feed.post article .deets span { font-weight: 300; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#page.sub.feed.post article .deets .date { font-weight: 600; }
#page.sub.feed.post article .deets .tags { font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; font-weight: 500; margin: 25px 0 0 0; font-size: 18px; }
#page.sub.feed.post article .deets .tags strong { color: #313540; margin-right: 6px; }
#page.sub.feed.post article .deets .tags a { color: rgba(49, 53, 64, 0.75); border: none; }
#page.sub.feed.post article blockquote { text-align: center; border: none; padding: 0; margin: 75px auto; }
#page.sub.feed.post article blockquote:before { content: ""; width: 26px; height: 21px; background: url("images/icon-blockquote.svg"); display: block; margin: 0 auto 20px auto; }
#page.sub.feed.post article blockquote p { font-size: 28px !important; line-height: 34px; color: #5e6675; font-family: "Elena Web Regular Italic"; }
#page.sub.feed.post article #author-info h3 { color: #5e6675; }
#page.sub.feed.post article img { margin: 35px auto 70px auto; }
#page.sub.feed.post article .wp-caption { margin: 70px auto; width: 100% !important; }
#page.sub.feed.post article .wp-caption img { margin: 0; width: 100%; height: auto; }
#page.sub.feed.post article .wp-caption p { font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; font-weight: 300; padding: 10px 0; text-transform: uppercase; }
#page.sub.feed.post ul.share { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; list-style: none; text-transform: uppercase; line-height: 20px; }
#page.sub.feed.post ul.share.dhide { width: 200px; margin: 20px auto 0 auto; text-align: center; }
#page.sub.feed.post ul.share .count { display: none; }
#page.sub.feed.post ul.share li { font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; margin-bottom: 2px; font-size: 18px; font-weight: 600; }
#page.sub.feed.post ul.share li.share a { color: rgba(49, 53, 64, 0.5); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; border: none; }
#page.sub.feed.post ul.share li.share a:hover { color: #313540; border: none; }
#page.sub.feed.post ul.share li:first-child { margin-bottom: 15px; color: #313540; }
#page.sub.feed.post ul.share.download li:last-child { margin-top: 36px; }
#page.sub.feed.post ul.share.download li:last-child a { color: rgba(49, 53, 64, 0.5); }

span.bump { position: relative; top: -100px; display: block; height: 0; width: 0; }

/*--- Blog ---*/
#page.feed.blog { max-width: 805px; width: 100%; margin: 0 auto; padding-bottom: 0px; /* End Article */ }
#page.feed.blog article { max-width: 377px; background: #fff; margin-bottom: 50px; height: auto; margin: 0 15px 50px 15px; display: inline-block; width: 45%; vertical-align: top; }
#page.feed.blog article h2 { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; font-weight: 600; }
#page.feed.blog article h2 a { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
#page.feed.blog article .content { padding: 30px 42px; }
#page.feed.blog article .thumb-perma { height: 370px; display: block; overflow: hidden; }
#page.feed.blog article .thumb-perma span.color-overlay { width: 100%; height: 370px; display: block; opacity: .85; position: relative; top: 0; z-index: 100000; }
#page.feed.blog article .thumb-perma span.bg { width: 370px; height: 370px; display: block; position: relative; opacity: 1; top: -370px; z-index: 10; /*        -moz-filter:grayscale(1); -webkit-filter:grayscale(1);
*/ }
#page.feed.blog article.red h2 a:hover { color: #e33d39; }
#page.feed.blog article.red .thumb-perma span { background: url("images/blog_overlay_red.svg") center center; }
#page.feed.blog article.blue h2 a:hover { color: #00bcd1; }
#page.feed.blog article.blue .thumb-perma span { background: url("images/blog_overlay_blue.svg") center center; }
#page.feed.blog article.yellow h2 a:hover { color: #f9b400; }
#page.feed.blog article.yellow .thumb-perma span { background: url("images/blog_overlay_yellow.svg") center center; }
#page.feed.blog article.purple h2 a:hover { color: #5e6675; }
#page.feed.blog article.purple .thumb-perma span { background: url("images/blog_overlay_grey.svg") center center; }

.pagination p { text-align: center; }

.clearfix { zoom: 1; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.row.pagination { max-width: 855px; margin: 0 auto; padding: 40px 0; }

/*--- Get Involved ---*/
#page.sub.get-involved { padding: 0; margin: 0 auto 116px auto; }
#page.sub.get-involved h2.big { height: 83px; padding: 22px 0 0 46px; color: #fff; font-size: 28px; margin-bottom: 0; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; }
#page.sub.get-involved h2.big.blue { background: #00bcd1; margin-top: 75px; }
#page.sub.get-involved h2.big.red { background: #e33d39; }
#page.sub.get-involved h2.big.purple { background: #5e6675; }
#page.sub.get-involved h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 15px; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; }
#page.sub.get-involved .content { padding: 42px 46px; }
#page.sub.get-involved .content .button { color: #313540; border-color: #313540; }
#page.sub.get-involved .content p { margin-bottom: 25px; }
#page.sub.get-involved .action { background: #fff; }
#page.sub.get-involved .action h3 { font-size: 26px; margin-bottom: 30px; text-transform: none; }
#page.sub.get-involved .action p { margin-bottom: 15px; }
#page.sub.get-involved .aux { border-top: 45px solid #eaeaeb; }
#page.sub.get-involved .aux .content { background: #fff; height: 335px; padding: 35px 46px 320px 46px; }
#page.sub.get-involved .aux .button { padding-left: 12px; padding-right: 12px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border-bottom: 4px solid #e33d39; border-color: #e33d39; color: #e33d39; }
#page.sub.get-involved .aux .button:hover { background: #e33d39; color: #fff; }
#page.sub.get-involved .aux .row { padding: 0; }
#page.sub.get-involved .informed { list-style: none; margin: 0; padding: 0; width: 100%; overflow: hidden; }
#page.sub.get-involved .informed li { margin-bottom: 0px; }
#page.sub.get-involved .informed li a { display: block; position: relative; z-index: 100000; }

.newsletter.fill form.salsa-form { border: none; margin: 0px 0 30px 0; background: #f5f5f5 url("images/icon-button-arrow-right.svg") 260px center no-repeat; padding-right: 10px; width: 299px !important; }
.newsletter.fill form.salsa-form input[type="text"] { font-size: 18px; padding: 10px; width: 100%; }
.newsletter.fill form.salsa-form input[type="text"]:focus { color: #5e6675; }
.newsletter.fill form.salsa-form input[type="submit"] { top: -76px; }

.campaign-salsa form.salsa-form { width: auto !important; text-align: left; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; }
.campaign-salsa form.salsa-form label { display: block; padding: 0; margin: 0; }
.campaign-salsa form.salsa-form input[type="text"] { float: none; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; font-weight: 300; width: 100%; color: #5e6675; padding: 2%; border: none; background: none; background: rgba(49, 53, 64, 0.05); font-size: 18px; }
.campaign-salsa form.salsa-form input[type="submit"] { padding: 5px 10px; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; border: 4px solid #5e6675; color: #5e6675; background: none; text-transform: uppercase; font-size: 18px; }

/*--- Staff ---*/
#page.sub.about-us h2.page-title.board { margin-top: 100px; }
#page.sub.about-us ul { list-style: none; padding: 0; margin: 0; }
#page.sub.about-us ul.staff { width: 480px; margin-bottom: 30px; }
#page.sub.about-us ul.staff h4 { margin-top: 10px; margin-bottom: 0; line-height: 22px; font-size: 22px; }
#page.sub.about-us ul.staff h4, #page.sub.about-us ul.staff h5 { padding: 0 25px; }
#page.sub.about-us ul.staff h5 { font-weight: 300; color: rgba(49, 53, 64, 0.75); text-transform: uppercase; }
#page.sub.about-us ul.staff li { cursor: pointer; float: left; width: 219px; height: 312px; background: #fff; margin: 0 20px 20px 0; }
#page.sub.about-us ul.staff li img { margin-bottom: 10px; }
#page.sub.about-us ul.staff .about { display: none; padding: 0 25px; }
#page.sub.about-us ul.staff span.close { display: none; background: url("images/icon-close.svg"); width: 25px; height: 25px; float: right; position: relative; margin: -10px 15px 0 0; }
#page.sub.about-us ul.staff li.open, #page.sub.about-us ul.staff li:nth-child(even).open { width: 95.5%; height: 312px; padding: 25px 0; position: relative; z-index: 1000; }
#page.sub.about-us ul.staff li.open span.close, #page.sub.about-us ul.staff li:nth-child(even).open span.close { display: block; }
#page.sub.about-us ul.staff li.open h4, #page.sub.about-us ul.staff li:nth-child(even).open h4 { margin-top: 20px; font-size: 28px; }
#page.sub.about-us ul.staff li.open h5, #page.sub.about-us ul.staff li:nth-child(even).open h5 { font-size: 18px; margin-bottom: 30px; }
#page.sub.about-us ul.staff li.open img, #page.sub.about-us ul.staff li:nth-child(even).open img { display: none; }
#page.sub.about-us ul.staff li.open .about, #page.sub.about-us ul.staff li:nth-child(even).open .about { display: block; }
#page.sub.about-us ul.board h4, #page.sub.about-us ul.board h5 { text-transform: uppercase; font-size: 18px; margin: 0; padding: 0; line-height: 20px; }
#page.sub.about-us ul.board h4 { margin-bottom: 5px; color: #313540; }
#page.sub.about-us ul.board h5 { color: rgba(49, 53, 64, 0.75); font-weight: 300; margin-bottom: 10px; }
#page.sub.about-us ul.board li { font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; font-weight: 300; color: rgba(49, 53, 64, 0.5); float: left; width: 220px; font-size: 16px; margin: 0 10px 40px 0; }

/*--- Feed/Post Colors, Icons and Overlays ---*/
#page.sub.feed article.post h2 a { display: block; }
#page.sub.feed article.post h2 a:before { margin-right: -15px; position: relative; left: -30px; top: 7px; display: inline-block; content: ""; width: 16px; height: 29px; }
#page.sub.feed article.post.purple h2 a:before { background: url("images/quote-purple.svg") center top no-repeat; }
#page.sub.feed article.post.purple h2 a:hover { color: #5e6675 !important; }
#page.sub.feed article.post.purple h2:hover a:before { background-position: center bottom; }
#page.sub.feed article.post.yellow h2 a:before { background: url("images/yellow-quote.svg") center top no-repeat; }
#page.sub.feed article.post.yellow h2 a:hover { color: #f9b400; }
#page.sub.feed article.post.yellow h2:hover a:before { background-position: center -32px; }
#page.sub.feed article.post.red h2 a:before { width: 22px; margin-right: -22px; background: url("images/red-quote.svg") center top no-repeat; }
#page.sub.feed article.post.red h2 a:hover { color: #e33d39; }
#page.sub.feed article.post.red h2:hover a:before { background-position: center -32px; }
#page.sub.feed article.post.blue h2 a:before { background: url("images/blue-quote.svg") center top no-repeat; }
#page.sub.feed article.post.blue h2 a:hover { color: #00bcd1; }
#page.sub.feed article.post.blue h2:hover a:before { background-position: center -32px; }

/*--- Downloads ---*/
#page.sub.downloads h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 15px; }
#page.sub.downloads .logo-block, #page.sub.downloads .icon-block, #page.sub.downloads .media-block { margin-top: 80px; }
#page.sub.downloads .logo-block .row, #page.sub.downloads .icon-block .row, #page.sub.downloads .media-block .row { margin-bottom: 40px; }
#page.sub.downloads ul { margin-top: 20px; list-style: none; }

/*--- Footer ---*/
footer { background: #fff; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; color: rgba(49, 53, 64, 0.4); padding: 75px 0; }
footer h3 { color: rgba(49, 53, 64, 0.4); font-size: 19px; }
footer a { color: rgba(49, 53, 64, 0.4); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
footer a:hover { color: #313540; }
footer .newsletter input[type="submit"] { top: -3px; background: url("images/icon-button-arrow-right-dark.svg") center bottom no-repeat; }
footer ul.social { z-index: 100000; position: relative; margin-left: 0; }
footer ul.social li { float: left; }
footer ul.social li a { font-size: 28px; padding: 7px; }
footer ul { list-style: none; }
footer ul li a { font-size: 18px; }

.menu-link { display: none; float: right; color: #fff; width: 17px; height: 17px; padding: 0; text-indent: -9999px; background: url("images/icon-mobile-menu.svg") center center no-repeat; background-size: 100% auto; }

nav.mobile, .dhide { display: none; }

@media screen and (max-width: 768px) { body.open { top: 0; }
  .mhide { display: none; }
  .dhide { display: block; }
  header #logo a { margin-top: -8px; width: 124px; height: 28px; background-size: 100% auto !important; -webkit-background-size: 100% auto !important; }
  header.sub, div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main { height: 75px; }
  #page { padding-left: 20px; padding-right: 20px; }
  #page.sub { padding-left: 20px; padding-right: 20px; }
  .menu-link { display: inline-block; }
  .home { padding: 50px 0; }
  .home h2 { font-size: 24px; line-height: 29px; width: auto; font-weight: 500; margin-top: 25px; }
  .home .newsletter { padding: 0 15px; }
  .home .newsletter strong { display: block; }
  .home p { margin-top: 25px; text-align: left; line-height: 28px; font-size: 24px; }
  .impact, .work { height: 123px; padding: 35px 0 0 0; font-size: 40px; text-align: center; }
  .impact h2, .work h2 { max-width: 250px; margin: 0 auto; }
  .impact p, .work p { display: none; }
  .impact h2:before, .work h2:before { margin-top: -10px; width: 80px; background-size: 100% auto; background-repeat: no-repeat; position: relative; }
  .small-12 { display: block; width: 100%; }
  .main-topics { max-width: 280px; text-align: center; text-transform: uppercase; }
  .main-topics strong { margin-left: 20px; }
  .main-topics .row a { border-bottom: 0; }
  .main-topics span.big { margin: 10px auto 25px auto; opacity: 1; }
  .main-topics span.plant:before { margin-left: -40px; }
  .main-topics span.coins:before { margin-left: -38px; }
  .main-topics span.hat:before { margin-left: -40px; }
  .main-topics p { display: none; text-align: left; text-transform: none; }
  .take-action { background: #5e6675; height: 113px; }
  .take-action .button { width: 250px; font-size: 40px; height: 56px; color: #fff !important; border: none; margin: 25px auto 0 5% !important; background: url("images/icon-arrow-big-white.svg") center right no-repeat !important; background-size: auto 50% !important; }
  .overlay { background-position: 80% bottom !important; background-size: auto 100% !important; }
  nav.mobile { display: block; width: 100%; height: 100%; position: fixed; overflow: scroll; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #83868c; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; text-align: center; text-transform: uppercase; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  nav.mobile.open { opacity: 1; z-index: 1000000000; }
  nav.mobile a.close { position: fixed; right: 30px; top: 30px; color: #fff; font-size: 30px; background: url("images/icon-close-white.svg") center center no-repeat; background-size: 100% auto; text-indent: -9999px; display: block; width: 18px; height: 18px; }
  nav.mobile h2 { color: #fff; font-weight: 600; font-size: 40px; margin: 20px auto; }
  nav.mobile ul { margin: 0; }
  nav.mobile ul li { float: none; font-size: 24px; margin-bottom: 18px; }
  nav.mobile ul li a { color: #fff; display: block; }
  nav.mobile ul li a.button { display: inline-block; }
  nav.mobile ul li a.button:hover { color: #313540; background: #fff; border-color: #fff; }
  nav.mobile ul li ul { height: 0px; opacity: 0; z-index: -10; position: relative; overflow: hidden; -webkit-transition: all .3s ease-in-out; }
  nav.mobile ul li ul.open { opacity: 1; z-index: 100; background: #6a6e75; margin-top: 0px; padding: 15px 0; }
  nav.mobile li.parent-issue ul.open { height: 185px; }
  nav.mobile li.parent-solutions ul.open { height: 125px; }
  nav.mobile li.parent-issue.open a:first-child:after, nav.mobile li.parent-solutions.open a:first-child:after { content: ""; width: 17px; height: 17px; display: inline-block; margin: 10px 0 0 7px; background: url("images/icon-arrow-down-white.svg") center center no-repeat; background-size: 100% auto; position: absolute; }
  nav.mobile li.parent-issue.open ul.sub-menu li a:after, nav.mobile li.parent-solutions.open ul.sub-menu li a:after { display: none; }
  header.sub, div#sticker-sticky-wrapper.sticky-wrapper.is-sticky header.main { background: #fff; }
  nav.mobile form { max-width: 269px; margin: 0 auto; border-bottom: 1px solid #979797; background: url("images/icon-submit-mobile-search.svg") 98% 25px no-repeat; background-size: auto 50%; /* End Submit */ }
  nav.mobile form:before { content: ""; background: url("images/icon-search-white.svg") center center no-repeat; width: 27px; height: 27px; display: inline-block; margin-top: 30px; position: absolute; }
  nav.mobile form input[type="text"] { font-size: 18px; font-weight: 300; font-family: "Gotham Cond SSm A", "Gotham Cond SSm B"; border: none; margin-top: 30px; color: #fff; width: 76%; margin-left: 30px; background: none; }
  nav.mobile form input[type="submit"] { cursor: pointer; position: relative; top: -3px; right: 4px; background: none; width: 28px; height: 30px; text-indent: -9999px; transition: all .3s ease-in-out; border: none; opacity: 0; }
  nav.mobile form input[type="submit"]:hover { opacity: 1; }
  /*--- Blog ---*/
  #page.sub.feed.blog { margin: 25px auto; padding: 0 10px; max-width: 377px; }
  #page.sub.feed.blog article { width: 100%; margin: 20px auto; }
  #page.sub.feed.blog article.yellow h2 a:hover { color: #f9b400; }
  #page.sub.feed.blog article.red h2 a:hover { color: #e33d39; }
  #page.sub.feed.blog article.purple h2 a:hover { color: #5e6675; }
  #page.sub.feed.blog article.blue h2 a:hover { color: #00bcd1; }
  /*--- Sub Pages ---*/
  #sub-head { height: 124px; background-size: 100% auto !important; }
  #sub-head.the-issue { background: #e33d39; }
  #sub-head.solutions { background: #00bcd1; }
  #sub-head.about-us { background: #5e6675; }
  #sub-head.the-blog { background: #5e6675; }
  #sub-head.post { height: 386px; }
  #sub-head.post span { opacity: .80; width: 100%; height: 386px; display: block; }
  #sub-head.post.red span { background: url("images/blog_overlay_red.svg") center center; }
  #sub-head.post.blue span { background: url("images/blog_overlay_blue.svg") center center; }
  #sub-head.post.yellow span { background: url("images/blog_overlay_yellow.svg") center center; }
  #sub-head.post.purple span { background: url("images/blog_overlay_grey.svg") center center; }
  #sub-head.get-involved { background: linear-gradient(rgba(249, 180, 0, 0.7), rgba(249, 180, 0, 0.7)); }
  #sub-head h2 { color: #fff; margin: 35px 0 0 0; text-align: center; float: none; font-size: 42px; }
  #sub-head li.current_page_item a { border-bottom: 4px solid #fff; color: #fff; }
  #sub-head nav div { float: left; }
  #sub-head nav { display: none; }
  /*--- Footer ---*/
  footer { padding: 35px 0; }
  footer h3 { display: none; }
  footer ul.social { display: table; width: 100%; }
  footer ul.social li { float: none; display: table-cell; text-align: center; }
  footer ul.social li a { font-size: 45px; }
  footer .newsletter.fill form.salsa-form input[type="text"] { font-size: 24px; }
  footer nav ul { margin: 0; }
  footer nav ul li { margin-bottom: 0px; }
  footer nav ul li a { font-size: 24px; line-height: 30px; }
  a.download span, a.righta span { opacity: 1 !important; }
  .home .newsletter form.salsa-form { margin-left: 0; position: static; float: none; display: block; top: 0; }
  .home .newsletter form.salsa-form input[type="text"] { width: 100%; }
  #sub-head span.bg { top: 75px; } }
@media screen and (max-width: 660px) { .main-topics p { display: none; }
  #page.sub.feed article.post h2 a:before { display: none; }
  .home .newsletter form.salsa-form { margin-left: 0; position: relative; }
  .slides .content h2:before { margin-right: -7px; }
  h2.tweet span.ev:after { content: ""; display: block; }
  #page.sub.parts .share-block { margin-left: -20px; margin-right: -20px; } }
/*--- Selection Colors ---*/
::selection { background: #ccc; }

::-moz-selection { background: #ccc; }

body.blue ::selection { background: rgba(0, 188, 209, 0.7); }
body.blue ::-moz-selection { background: rgba(0, 188, 209, 0.7); }

body.purple ::selection { background: rgba(93, 102, 117, 0.7); }
body.purple ::-moz-selection { background: rgba(93, 102, 117, 0.7); }

body.yellow ::selection { background: rgba(249, 180, 0, 0.7); }
body.yellow ::-moz-selection { background: rgba(249, 180, 0, 0.7); }

body.red ::selection { background: rgba(227, 61, 57, 0.7); }
body.red ::-moz-selection { background: rgba(227, 61, 57, 0.7); }