/***
*	MPOWER CHANGE
*  ActionKit theme by CEL 2015, Justin Allen 
*/
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  background-color: white;
  margin: 0px;
}
p,
div,
.ak-emphasized-text,
.area,
span {
  font-family: 'PT Sans';
}
@media only screen and (max-width: 480px) {
  body {
    font-size: 12px;
    line-height: 18.7px;
  }
}
@media only screen and (min-width: 480px) {
  body {
    font-size: 14px;
    line-height: 18.7px;
  }
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Oswald';
}
.container {
  width: 100%;
  max-width: 960px;
}
#header {
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 0px;
  background-color: #542c70;
  height: 69px;
  width: 100%;
}
#header #logo {
  margin-top: 12px;
  max-width: 333px;
  margin: 12px auto;
  display: block;
}
@media only screen and (max-width: 768px) {
  #header {
    height: 59px;
  }
}
@media only screen and (max-width: 480px) {
  #header #logo {
    max-width: 280px;
    display: block;
    margin: 12px auto;
  }
}
#header.with-feature-image {
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
}
#header.no-feature-image {
  box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.15);
}
.inner-wrapper {
  width: 100%;
  float: left;
}
.inner-wrapper.above-fold {
  margin-top: 75px;
  min-height: 400px;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  .inner-wrapper.above-fold {
    margin-top: 59px;
    background-attachment: scroll;
    /*  border-bottom: 1px dotted rgba(0,0,0,.5);*/
  }
  .feature-container {
    margin: 60px auto 6px auto;
  }
}
@media only screen and (min-width: 768px) {
  .inner-wrapper.above-fold {
    margin-top: 69px;
    min-height: 400px;
    background-attachment: fixed;
    /*  border-bottom: 1px dotted rgba(0,0,0,.5);*/
  }
  .feature-container {
    margin: 60px auto 66px auto;
  }
}
.feature-container {
  position: relative;
  background-color: #eeebe7;
  /* warm gray */
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.5);
  /* half-opaque black */
}
.feature-container.has-image {
  max-width: 706px;
}
body.call .feature-container.has-image {
  max-width: 606px;
}
@media only screen and (max-width: 480px) {
  .feature-container.has-image {
    margin-top: 208px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .feature-container.has-image {
    margin-top: 308px;
  }
}
@media only screen and (min-width: 768px) {
  .feature-container.has-image {
    margin-top: 248px;
  }
  .feature-container.has-image.feature_image_more_space {
    margin-top: 458px;
  }
}
@media only screen and (min-width: 1222px) {
  .feature-container.has-image {
    margin-top: 348px;
  }
  .feature-container.has-image.feature_image_more_space {
    margin-top: 558px;
  }
}
@media only screen and (min-width: 1422px) {
  .feature-container.has-image {
    margin-top: 448px;
  }
  .feature-container.has-image.feature_image_more_space {
    margin-top: 558px;
  }
}
.feature-container.no-image {
  max-width: 700px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 480px) {
  .feature-container .page-title-wrapper {
    padding: 18px;
  }
  .feature-container .donate-container {
    border-radius: 0px;
  }
  .feature-container.no-image {
    margin-top: 0px !important;
  }
}
.page-title-wrapper {
  background-color: #209ccf;
}
.page-title-wrapper h1.page-title {
  font-size: 32px;
  line-height: 46px;
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 0px;
  color: white;
}
@media only screen and (max-width: 480px) {
  .page-title-wrapper h1.page-title {
    font-size: 26px;
    line-height: 38px;
  }
}
@media only screen and (min-width: 480px) {
  .feature-container .page-title-wrapper {
    padding: 25px 30px;
  }
}
.feature-container .feature-content {
  padding: 24px 30px;
}
.feature-container .page-title-wrapper .page-title,
.feature-container .feature-content .subheading {
  text-align: center;
}
.feature-content {
  background-color: #542c70;
  color: white;
}
.col-50 h2,
.call-box h2,
.signup-box h2 {
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 130%;
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid white;
}
@media only screen and (max-width: 480px) {
  .col-50 h2,
  .signup-box h2 {
    text-align: center;
  }
  .statement-leadin p {
    text-align: center;
  }
}
@media only screen and (max-width: 768px) {
  .col-50.right {
    margin-top: 28px;
  }
}
.message-text {
  background: white;
  color: black;
  padding: 12px;
}
@media only screen and (max-width: 768px) {
  .message-text {
    max-height: 348px;
    width: 100%;
    overflow: scroll;
  }
}
@media only screen and (min-width: 768px) {
  .message-text {
    max-height: 348px;
    max-width: 332px;
    overflow: scroll;
  }
}
#known_user {
  background-color: #00b1a1;
  padding: 25px;
  text-align: center;
}
#known_user a {
  text-decoration: none;
}
#known_user hr {
  display: none;
}
#top_jumper {
  float: left;
  width: 100%;
  text-align: center;
}
#top_jumper a {
  color: #321b00;
  /* dark brown */
}
#top_jumper a:hover {
  color: #321b00;
  text-decoration: none;
}
#top_jumper #back_to_top {
  display: block;
  width: 20%;
  margin: 0 auto;
  text-decoration: none;
}
#top_jumper #back_to_top .arrow {
  width: 21px;
  height: 21px;
  display: block;
  margin: 3px auto;
  background-image: url('//s3.amazonaws.com/s3.presente.org/static/media/back-to-top-arrow.png');
  background-repeat: none;
  background-position: 0px 0px;
}
/* simple grid 
--------------*/
@media only screen and (min-width: 768px) {
  .col-50 {
    width: 50%;
    float: left;
  }
  .col-50.right {
    padding-left: 12px;
  }
  .col-50.left {
    padding-right: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .col-50 {
    width: 100%;
    float: left;
  }
}
/* Below-fold Container
------------------------------------------------------------------------------*/
.inner-wrapper.below-fold {
  padding-top: 0px;
}
.below-fold .container {
  max-width: 660px;
  position: relative;
  margin: 0px auto;
  background-color: #fff;
}
.below-fold .container #content {
  padding: 30px;
  font-size: 120%;
  line-height: 148%;
  font-family: 'PT Sans';
}
@media only screen and (max-width: 768px) {
  #feature-image-repeat {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  #feature-image-repeat {
    display: block;
  }
}
/* Share bar
-----------*/
.sharebuttons {
  width: 100%;
  text-align: center;
  margin-bottom: 36px;
}
.sharebuttons .sp_share_button {
  display: block;
  margin-right: 0;
}
.sharebuttons .sp_fb_large a,
.sharebuttons .sp_tw_large a,
.sharebuttons .sp_em_large a,
.ak-share-button {
  width: 160px;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 6px;
}
@media screen and (min-width: 768px) {
  .sharebuttons .sp_share_button {
    display: inline;
    margin-right: 10px;
  }
}
.petition-page .sharebuttons {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.petition-page .sharebuttons .ak-share-button {
  width: 188px;
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 6px;
  color: white;
  font-family: 'Oswald';
  padding: 18px 22px;
  text-transform: uppercase;
  text-decoration: none;
}
.petition-page .sharebuttons .ak-share-button:first-of-type {
  margin-right: 36px;
}
.petition-page .sharebuttons .ak-facebook {
  background-color: #38569c;
}
.petition-page .sharebuttons .ak-twitter {
  background-color: #00abf0;
}
.petition-page .sharebuttons .ak-email {
  background-color: #00ad1e;
}
/* misc. styles and extras
----------------------------------------------------------------*/
.tealbutton {
  background-color: #00b1a1;
  color: white;
  font-size: 23px;
  font-weight: 300;
  letter-spacing: 1px;
  border: 3px solid white;
  text-transform: uppercase;
  text-align: center;
  padding: 18px 22px;
  font-family: 'Oswald';
  width: 100%;
}
.sign-petition .button-wrapper button {
  background-color: #00b1a1;
  color: white;
  font-size: 23px;
  font-weight: 300;
  letter-spacing: 1px;
  border: 3px solid white;
  text-transform: uppercase;
  text-align: center;
  padding: 18px 22px;
  font-family: 'Oswald';
  width: 100%;
}
.unsub-button {
  background-color: #00b1a1;
  color: white;
  font-size: 23px;
  font-weight: 300;
  letter-spacing: 1px;
  border: 3px solid white;
  text-transform: uppercase;
  text-align: center;
  padding: 18px 22px;
  font-family: 'Oswald';
  width: 100%;
}
.unsub-button:hover {
  background-color: #00b1a1;
  color: white;
  font-size: 23px;
  font-weight: 300;
  letter-spacing: 1px;
  border: 3px solid white;
  text-transform: uppercase;
  text-align: center;
  padding: 18px 22px;
  font-family: 'Oswald';
  width: 100%;
}
/* forms stuff */
#unknown_user input,
#unknown_user label {
  font-family: 'PT Sans';
  padding: 8px 10px;
  font-weight: 600;
  font-size: 18px;
}
#unknown_user input {
  margin-bottom: 10px;
}
#unknown_user label {
  color: #9e9e9e;
  top: 6px;
}
select {
  height: 30px;
  font-size: 110%;
  font-family: 'PT Sans';
  margin-bottom: 10px !important;
}
textarea {
  width: 100%;
  font-size: 120%;
  padding: 6px 8px;
  font-family: 'PT Sans';
}
.sign-petition textarea {
  height: 68px;
}
#header:after,
.sub:after,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/*  footer 
---------------------------------------------------------------------------------*/
#footer {
  margin-top: 85px;
  float: left;
  background-color: #542c70;
  color: white;
  width: 100%;
  min-height: 300px;
  padding: 30px 0px;
  font-family: 'Oswald';
  text-transform: uppercase;
}
#footer .container {
  max-width: 800px;
}
#footer .footer-logo {
  width: 200px;
  float: left;
}
#footer a {
  color: white;
}
#footer .footer-links {
  float: right;
  width: 50%;
  height: 200px;
  text-align: right;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  font-family: 'Oswald';
}
#footer .footer-links a {
  margin-left: 22px;
  font-size: 18px;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  #footer .container {
    width: 100%;
  }
  #footer .container .footer-logo {
    display: block;
    width: 200px;
    max-width: 70%;
    margin: 0 auto;
    float: none;
  }
  #footer .container .footer-links {
    width: 100%;
    justify-content: center;
    font-family: 'Oswald';
  }
  #footer .container .footer-links a {
    font-family: 'Oswald';
    margin: 0px;
  }
}
/*  thanks page 
---------------------------------------------------------------------------------*/
body.thanks-page .below-fold,
body.unsubscribe-page .below-fold {
  margin-top: 114px;
}
body.thanks-page h2.loud.ak-header,
body.unsubscribe-page h2.loud.ak-header {
  margin-bottom: 48px;
}
@media only screen and (max-width: 768px) {
  .thanks-page .below-fold,
  .unsubscribe-page .below-fold {
    overflow: hidden;
    margin-top: 88px;
  }
}
.ak-share-button {
  border-radius: 0px;
}
.ak-sharebox {
  font-family: 'Oswald' !important;
  letter-spacing: .5px;
}
.ak-sharebox a {
  text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
  .ak-hidden-mobile {
    display: none !important;
  }
}
/* unsub page 
-------------------------------*/
body.unsubscribe-page #known_user {
  margin-bottom: 22px;
}
body.unsubscribe-page #id_email {
  max-width: 100%;
}
body.unsubscribe-page .unsub-button {
  float: right;
  width: 50%;
  padding: 18px 22px;
}
/* taf */
#id_taf_preview_msg a {
  color: white;
  text-decoration: none;
}