/*!
 * Project:   MomsRising.org
 * Date:      2011/08/01
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; font-size: 100.01%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #0a3e5f; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #333; font-family: Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; line-height: 1.4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
li, dt, dd, p, figure, th, td, caption, pre { font-size: 1.4em; } /*---*/ li *, li p, li li, dt *, dd *, p *, figure *, th *, td * { font-size: 1em; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

@font-face { font-family: 'Clarendon'; src: url('../webfonts/clarebtrom-webfont.eot'); src: url('../webfonts/clarebtrom-webfont.eot?#iefix') format('embedded-opentype'), url('../webfonts/clarebtrom-webfont.woff') format('woff'), url('../webfonts/clarebtrom-webfont.ttf') format('truetype'), url('../webfonts/clarebtrom-webfont.svg#ClarendonRoman') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Icomoon'; src: url("../webfonts/icomoon.eot?-91zdyq"); src: url("../webfonts/icomoon.eot?#iefix-91zdyq") format("embedded-opentype"), url("../webfonts/icomoon.woff?-91zdyq") format("woff"), url("../webfonts/icomoon.ttf?-91zdyq") format("truetype"), url("../fonts/icomoon.svg?-91zdyq#icomoon") format("svg"); font-weight: normal; font-style: normal; }

/*!
 * Layout
/* ---------------------------------------- */

#root { position: relative; overflow-x: hidden; width: 100%; min-height: 100vh; margin: 0; }
 #root *, #root *:before, #root *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 #inner { margin: 0; padding: 0; }
  #top { position: relative; z-index: 100; max-width: 1000px; min-height: 110px; margin: 0 auto; padding: 0 20px; }
   #top:before { position: absolute; left: -100%; right: -100%; top: 0; height: 110px; z-index: -1; content: ' '; border-bottom: 10px solid #015077; background: #cde8f4 url(https://s3.amazonaws.com/s3.momsrising.org/ActionKit/2014_responsive_templates/assets/momsdonate/images/top-a-bg-a.png) 50% 0 no-repeat; }
   #top > .toggler { display: none; position: absolute; left: 15px; top: 15px; z-index: 1000; color: #00b0ff; font-size: 18px; line-height: 20px; }
    #top > .toggler span { display: none; }
   #logo { margin: 0; padding: 14px 0 0; font: 4em/1.1 Clarendon,Georgia,serif; }
    #logo a { color: #c70100; text-decoration: none; }
   #tagline { margin: 0; color: #014e75; font-size: 1.3em; font-weight: bold; }
   #skips, #skips ul { position: absolute; top: 0; left: 0; z-index: 9999; list-style: none; width: 100%; margin: 0; padding: 0; text-align: center; }
    #skips li { position: absolute; left: 0; top: 0; width: 100%; font: bold 5em/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
     #skips li:before { display: none; }
     #skips li a { display: -moz-inline-stack; display: inline-block; position: absolute; left: -10001px; top: 30px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
     #skips li a:focus, #skips li a:active { position: relative; left: 0; }
   #nav { position: relative; height: 50px; margin: 25px 0 0; padding: 10px 0; }
    #nav:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; z-index: -1; content: ' '; background: #004e7a; }
    #nav ul { float: left; list-style: none; margin: 0; padding: 0; }
     #nav ul li { position: relative; float: left; font: 300 16px/30px "bebas-neue",Impact,sans-serif; letter-spacing: 1.5px; }
      #nav ul li:before { display: none; }
     #nav ul li ~ li { margin-left: 25px; }
      #nav ul li ~ li:before { display: block; position: absolute; left: -13px; top: 5px; bottom: 5px; content: ''; width: 1px; height: auto; margin: 0; padding: 0; border: none; background: #cb0000; }
      #nav ul li a { display: block; color: #fff; }
      #nav ul li a:hover { color: #00a7ff; }
    #nav p { float: right; }
     #nav p a { height: 29px; padding: 0 15px; line-height: 29px; text-transform: none; }
   #corner { position: absolute; right: 20px; top: 0; }
    #corner p { float: left; margin: 5px 20px 0 0; padding: 0 20px 0 0; border-right: 1px solid #46befb; line-height: 26px; }
     #corner p a:before { display: inline-block; margin: 0 5px 0 0; color: #036; font-size: 14px; line-height: 25px; vertical-align: top; }
    #corner ul { list-style: none; float: left; height: 36px; margin: 0; padding: 0 15px; border-bottom: 2px solid #9ac8e5; border-radius: 0 0 5px 5px; background: #0ca0f4; }
    #corner ul { background: -webkit-linear-gradient(#00a9ff, #238edf); background: linear-gradient(#00a9ff, #238edf); }
     #corner li { float: left; color: #fff; font: 500 14px/36px "museo-slab-n5","museo-slab",Georgia,serif; }
      #corner li:before { display: none; }
      #corner li a { color: inherit; }
      #corner .icon:before { color: #015077; }
  #content { position: relative; max-width: 1000px; margin: 0 auto; padding: 35px 20px; background: #cde8f4; }
   #content:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; z-index: -1; content: ' '; background: #cde8f4; }
 #footer { max-width: 1000px; margin: 0 auto; padding: 35px 20px; color: #387ea5; }
  #footer h3 { margin: 0 0 30px; color: #fff; font: 2em/1.2 Clarendon,Georgia,serif; }
  #footer p { margin: 0; color: #fff; font: 300 14px/1.4 "museo-slab-n3","museo-slab",Georgia,serif; }
  #footer nav { margin: 0 0 5px; color: #00a8f9; }
   #footer nav ul { list-style: none; margin: 0; padding: 0; font-size: 0; letter-spacing: -.35em; }
    #footer nav ul li { display: inline-block; margin-right: 10px; padding-right: 10px; border-right: 1px solid #ca0000; font-size: 14px; line-height: 20px; letter-spacing: 0; vertical-align: top; }
    #footer nav ul li:last-child { margin-right: 0; padding-right: 0; border-right: none; }
     #footer nav ul li:before { display: none; }
     #footer nav ul li a { color: inherit; }
     #footer nav ul li a:hover { color: #fff; }

@media screen and (max-width: 999px) {

#top { position: static; height: 50px; min-height: 0; }
 #top:before { border: none; height: 50px; background: #004e7a; }
 #top .toggler { display: block; }
 #logo { margin: 0; padding: 0; color: #fff; font-size: 20px; line-height: 50px; text-align: center; }
  #logo a { color: inherit; }
  #logo span { display: none; }
 #tagline { display: none; }
 #top .wrap { position: absolute; left: -220px; top: 0; z-index: 1000; width: 220px; height: auto; margin: 0; padding: 0; background: #0a3e5f; -webkit-backface-visibility: hidden; }
  #top .wrap > .inner { padding: 10px; }
   #top .wrap > .inner:before { display: block; margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #ca0000; content: 'MomsRising'; color: #fff; font: 20px/30px Clarendon,Georgia,serif; }
  #nav { height: auto; margin: 0; padding: 0; }
   #nav:before { display: none; }
   #nav ul { float: none; margin: 0 0 15px; padding-bottom: 10px; border-bottom: 1px solid #ca0000; }
    #nav ul li { float: none; }
    #nav ul li ~ li { margin-left: 0; }
     #nav ul li ~ li:before { display: none; }
   #nav p { float: none; }
    #nav p a { }
  #corner { display: none; }

#top ~ *, #footer, #top > * { -webkit-transition: all 0.35s; transition: all 0.35s; }
.nav #top ~ *, .nav #footer, .nav #top > * { overflow: hidden; -webkit-transform: translateX(220px); -ms-transform: translateX(220px); transform: translateX(220px); }

}

/*!
 * Elements
/* ---------------------------------------- */

/* donation steps */

.donate-a { position: relative; margin: 0; padding: 50px 25px 50px 25px; color: #555; line-height: 1.5; }
 .donate-a > .badge { position: absolute; left: 50%; top: 20px; margin: 0 0 0 -695px; }
 .donate-a:before { position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ''; background: url(https://s3.amazonaws.com/s3.momsrising.org/eitcctc/grid_jpg_gray_med.jpg) 50% 0 repeat-y; background-size: contain; }
 .donate-a > .outer { position: relative; max-width: 1000px; margin: 0 auto; padding: 0 20px; }
  .donate-a > .outer > .inner { position: relative; max-width: 470px; }
  .donate-a.double > .outer > .inner { max-width: 100%; }
   .donate-a > .outer > .inner:before { position: absolute; left: -25px; right: -25px; top: -25px; bottom: -25px; content: ' '; background: #0d314f; background: rgba(13,49,79,0.75); background-clip: padding-box; }
   .donate-a > .outer > .inner:after { display: block; overflow: hidden; clear: both; content: ""; width: 100%; height: 0; }
   .donate-a > .outer > .inner > .wrap { position: relative; padding: 20px; border-radius: 5px; background: #fff; }
    .donate-a > .outer > .inner > .wrap > .one { }
    .donate-a > .outer > .inner > .wrap > .two { min-height: 500px; margin: 0; padding: 19px 19px 54px; border-radius: 5px; border: 1px solid #e1e1e1; background: url(https://s3.amazonaws.com/s3.momsrising.org/ActionKit/2014_responsive_templates/assets/momsdonate/images/donate-a-secure-a.png) 0 100% no-repeat; }
 .donate-a > .credits { position: absolute; right: 10px; bottom: 10px; padding: 2px 5px; background: #0d314f; background: rgba(13,49,79,0.75); color: #fff; font-size: 13px; line-height: 1; }
  .donate-a > .credits a { color: inherit; text-decoration: none; }
  .donate-a.double > .outer > .inner { max-width: 100%; }
   .donate-a.double > .outer > .inner > .wrap:after { display: table; clear: both; content: ''; }
   .donate-a.double > .outer > .inner > .wrap > .one { float: left; width: 460px; margin: 0 -100% 0 0; }
   .donate-a.double > .outer > .inner > .wrap > .two { margin-left: 490px; }

@media screen and (max-width: 999px) {

.donate-a > .outer { max-width: 510px; margin: 0 auto; }
 .donate-a.double > .outer > .inner > .wrap > .one { float: none; width: 100%; margin: 0 0 25px; }
 .donate-a.double > .outer > .inner > .wrap > .two { margin: 0 !important; }

}

@media screen and (max-width: 567px) {

.donate-a { padding: 10px 0; background: #043c5f; }
 .donate-a:before { display: none; }
 .donate-a > .outer { margin: 0; padding: 0; }
  .donate-a > .outer > .inner { margin: 0 auto; }
   .donate-a > .outer > .inner:before { display: none; }
   .donate-a > .outer > .inner > .wrap { padding: 15px; border-radius: 0; }
 .donate-a > .credits { display: none; }

}

.donate-a { }
 .donate-a .two h2 { margin: 20px 0 10px; color: #c30000; text-align: center; }
 .donate-a .two h2:first-child,
 .donate-a .two ul.errors:first-child + h2
  { margin-top: 0; }
 .donate-a .two section + section { margin-top: 40px; }
 .donate-a p,
 .donate-a li { font-size: 14px; }
 .donate-a .tac { text-align: center; }
 .donate-a .steps { position: relative; list-style: none; counter-reset: steps; margin: 0 0 20px; padding: 15px 0 20px; border-radius: 4px 4px 0 0; background: #cde7f4; font-size: 0; letter-spacing: -.35em; text-align: center; }
 .donate-a .two .steps { margin-left: -19px; margin-right: -19px; }
 .donate-a .two > .steps:first-child { margin-top: -19px; }

  .donate-a .steps:before { position: absolute; left: 40px; bottom: 38px; right: 40px; content: ''; height: 2px; background: #5991c3; }
  .donate-a .steps li { display: inline-block; position: relative; counter-increment: steps; min-width: 80px; color: #597d9b; font: bold 13px/1.3 Helvetica Neue,Helvetica,Arial,sans-serif; letter-spacing: 0; text-align: center; }
   .donate-a .steps li:before { display: none; }
   .donate-a .steps li:after { display: block; content: counter(steps); width: 40px; height: 40px; margin: 10px auto 0; border-radius: 5px; background: #5991c3; color: #fff; font-size: 18px; line-height: 40px; text-align: center; }
   .donate-a .steps li a { display: block; position: relative; margin-bottom: -50px !important; padding-bottom: 50px; color: inherit; text-decoration: none; }
  .donate-a .steps li.done { color: #153b5f; }
   .donate-a .steps li.done:after { background-color: #153b5f; color: #fff; }
  .donate-a .steps li.active { color: #153b5f; }
   .donate-a .steps li.active:after { background-color: #fff; color: #153b5f; }

@media screen and (max-width: 383px) {

.donate-a .steps li { min-width: 65px; }

}

 .donate-a .errors { color: #c00000; }
  .donate-a .errors li { font-size: 14px; }
   .donate-a .errors li:before { border-left-color: #c00000; }

 .donate-a .checks { list-style: none; margin: -10px 0 20px -10px; padding: 0; font-size: 0; letter-spacing: -.35em; text-align: center; }
  .donate-a .checks li { position: relative; display: inline-block; min-width: 110px; border: 1px solid transparent; border-width: 10px 0 0 10px; font: 24px/48px Helvetica Neue,Helvetica,Arial,sans-serif; letter-spacing: 0; }
   .donate-a .checks li:before { display: none; }
   .donate-a .checks li input { position: absolute; left: 5px; top: 19px; }
   :root .donate-a .checks li input { left: -10001px; }
   .donate-a .checks li label, .donate-a .checks li .label { display: block; min-height: 50px; padding: 0 15px; border-radius: 4px; background: #154a76 url(https://s3.amazonaws.com/s3.momsrising.org/ActionKit/2014_responsive_templates/assets/momsdonate/images/donate-a-checks-bg-a.gif) -15px 0 no-repeat; box-shadow: inset 0 -4px 0 0 #0d314f; color: #fff; font-weight: bold; cursor: pointer; }
    .donate-a .checks li label img, .donate-a .checks li .label img { vertical-align: middle; }
   :root .donate-a .checks li input:checked + label { box-shadow: inset 0 4px 0 0 #0d314f, inset 0 -2px 2px rgba(0,0,0,0.25); background-color: #669fd0; background-repeat: repeat; color: #fff; }
 .donate-a .checks.payment { }
  .donate-a .checks.payment li { min-width: 170px; font-size: 20px; font-weight: bold; }
   .donate-a .checks.payment li label, .donate-a .checks.payment li .label { background-color: #f5f5f5; box-shadow: inset 0 0 0 1px #d9d9d9, inset 0 -4px 0 #d9d9d9; color: #154a76; }
 .donate-a .checks + .other { line-height: 30px; text-align: center; }
  .donate-a .checks + .other label:first-child { display: inline; }
  .donate-a .checks + .other input { height: 30px; width: 70px; margin: 0 0 0 5px; padding: 0 4px; border: 1px solid #cde7f4; background-color: #fff; box-shadow: none; line-height: 28px; text-align: center; }

 .donate-a .inputs { margin: -10px 0 20px -10px; font-size: 0; letter-spacing: -.35em; }
 .donate-a .inputs.donation { padding: 0 23px; }
   .donate-a .inputs p { display: inline-block; position: relative; width: 50%; margin: 0; padding: 0; border: 1px solid transparent; border-width: 10px 0 0 10px; font-size: 14px; letter-spacing: 0; vertical-align: top; }
   .donate-a .inputs p.full { width: 100%; }
   .donate-a .inputs p label { display: none; color: #6f6f6f; }
   .donate-a .inputs p.select label { display: none !important; }
   .js .donate-a .inputs p label { display: block; position: absolute; left: 10px; top: 0; z-index: 10; line-height: 48px; }
   .js .donate-a .inputs p label,
   .js .donate-a .inputs p input {
     line-height:1.2em;
     padding:15px 10px;
     margin:0;
     left:0;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
   }
   .donate-a .inputs p input { height: 48px; line-height: 48px; }
   .donate-a .inputs p select { height: 48px; padding: 13px 5px 13px 10px; }
   .webkit .donate-a .inputs p select { padding-top: 10px; }
   .donate-a .inputs.slim p input { /*height: 34px; line-height: 34px; commented because all fields should look the same! */}
   .donate-a .inputs.slim p select { height: 34px; padding: 6px 5px 6px 10px; }
   .donate-a .inputs p.error input, .donate-a .inputs p.error select { border: 1px solid #edb3b3; box-shadow: 0 0 3px #edb3b3; }
   .donate-a .inputs p input:focus, .donate-a .inputs p select:focus, .donate-a .inputs p textarea:focus { border: 1px solid #92c0ea; background-color: #fff; box-shadow: 0 0 3px #92c0ea; }
   .donate-a .inputs hr { margin: 10px 0 0; }

@media screen and (max-width: 479px) {

.donate-a .inputs p { width: 100%; }

}

 .donate-a .ticks { list-style: none; margin: 0 0 20px; padding: 0 0 0 50px; }
 :root .donate-a .ticks.center { padding-left: 0; text-align: center; }
  .donate-a .ticks li, .donate-a .ticks p { position: relative; margin: 0 0 15px; font-size: 14px; line-height: 22px; }
   .donate-a .ticks li:before { display: none; }
   .donate-a .ticks label { display: inline-block; position: relative; padding-left: 35px; cursor: pointer; vertical-align: top; }
   :root .donate-a .ticks label:before { position: absolute; left: 0; top: 0; content: ''; width: 22px; height: 22px; border: 1px solid #c2c2c2; border-radius: 3px; background: #fff url(https://s3.amazonaws.com/s3.momsrising.org/ActionKit/2014_responsive_templates/assets/momsdonate/images/tick-a.png) -100px 0 no-repeat; }
   :root .donate-a .ticks input:checked + label:before { background-position: 50% 50%; }
   .donate-a .ticks input { position: absolute; left: 0; top: 4px; }
   :root .donate-a .ticks input { left: -10001px; }

@media screen and (max-width: 479px) {

.donate-a .ticks { padding-left: 0; }

}

 .donate-a .cards { text-align: center; }

 .donate-a .share { list-style: none; margin: 30px 0; padding: 0; }
  .donate-a .share .counter { position: relative; float: right; margin: -25px 10px 0 0; color: #a9a9a9; font-size: 13px; font-weight: bold; text-align: center; }
   .donate-a .share .counter:after { content: '/140'; }
  .donate-a .share .button { margin: 0 0 15px; text-align: center; }
   .donate-a .share .button a { display: inline-block; min-width: 210px; height: 52px; padding: 0 15px; border: none; border-radius: 5px; background: #164b77; box-shadow: inset 0 -4px 0 rgba(0,0,0,0.5); color: #fff; font: 300 22px/50px "museo-slab-n3","museo-slab",Georgia,serif; }
    .donate-a .share .button a img { display: inline-block; margin: 12px 0 0; vertical-align: top; }
    .donate-a .share .button.twitter a img { margin-top: 13px; }
   .donate-a .share .button.twitter a { background-color: #5991c4; }
   .donate-a .share .button a:hover { opacity: 0.9; }
  .donate-a .share.twitter textarea { height: 100px; }
  .donate-a .share.facebook .preview { position: relative; padding: 10px; border-radius: 5px; background: #eefaff; box-shadow: inset 0 3px 1px -2px rgba(0,0,0,0.15); }
   .donate-a .share.facebook .preview figure { float: left; margin: -10px 10px 0 -10px; }
    .donate-a .share.facebook .preview figure img { display: block; }
   .donate-a .share.facebook .preview h3 { margin: 0; color: #015077; font: bold 14px/18px Trebuchet MS,Helvetica Neue,Helvetica,sans-serif; }
   .donate-a .share.facebook .preview .link { margin: 0 0 3px; color: #3c3c3c; font-size: 14px; line-height: 16px; }
   .donate-a .share.facebook .preview p { margin: 0; color: #5c5b5b; font-size: 13px; line-height: 16px; }

@media screen and (max-width: 479px) {

.donate-a .share.facebook .preview figure { width: 70px; }

}

 .donate-a .honorees { overflow-y: scroll; height: 450px; margin: 0 -20px 20px; border: 1px solid #cde7f4; border-width: 1px 0; }
  .donate-a .honorees > .wrap { padding: 20px; }

@media screen and (max-width: 567px) {

.donate-a .honorees { height: auto; }
 .donate-a .honorees hr { margin: 25px 0; }

}

 .donate-a .action { text-align: center; }
  .donate-a .action button { height: 52px; padding: 0 35px; border: none; border-radius: 5px; background: #c30000; box-shadow: inset 0 -4px 0 rgba(0,0,0,0.75); color: #fff; font: 24px/50px Georgia,serif; outline: none; }
  .donate-a .action button:hover { box-shadow: inset 0 4px 0 rgba(0,0,0,0.75); opacity: 0.9; }

/* honoree file upload field */

.file-a { display: block; position: relative; overflow: hidden; height: 42px; padding: 0 4px; border: 1px solid #f26d7e; border-radius: 5px; background: #fff; box-shadow: inset 0 -3px 0 #f26d7e; color: #f26d7e; font: 500 15px/39px "museo-slab-n5","museo-slab",Georgia,serif; text-align: center; }
 .file-a span { position: absolute; left: 4px; top: 0; bottom: 0; right: 4px; z-index: 1; overflow: hidden; text-indent: -10001px; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
 .file-a input { display: block; position: absolute; left: -10px; top: -10px; bottom: -10px; right: -10px; width: 1000px; height: 300px; z-index: 3; margin: 0; padding: 0; font-size: 250px; opacity: 0; cursor: pointer; }
 .ie8 .file-a input { filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.file-a.on { border-color: #42934d; background: #fff url(https://s3.amazonaws.com/s3.momsrising.org/ActionKit/2014_responsive_templates/assets/momsdonate/images/tick-b.png) 50% 40% no-repeat; box-shadow: inset 0 -3px 0 #42934d; color: #42934d; }
 .file-a.on label { display: none; }

/* flower selection */

.flowers-a { text-align: center; }
 .flowers-a .hx { color: #ca0000; }
 .flowers-a hr { margin: 25px 0; }
 .flowers-a .list { margin: 25px 0; }
  .flowers-a .list ul { list-style: none; max-width: 600px; margin: 0 auto; padding: 0; font-size: 0; letter-spacing: -.35em; text-align: left; }
   .flowers-a .list li { display: inline-block; position: relative; width: 120px; border: 10px solid transparent; font-size: 14px; letter-spacing: 0; cursor: pointer; }
   .flowers-a .list li.active { }
    .flowers-a .list li.active:before { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; content: ''; width: auto; height: auto; margin: 0; padding: 0; border: 5px solid #f26d7e; }
    .ie8 .flowers-a .list li.active { border: 5px solid #f26d7e; }
    .flowers-a .list li:before { display: none; }
    .flowers-a .list li img { display: block; }
 .flowers-a .done { font: bold 16px/1.4 "museo-slab-n7","museo-slab",Georgia,serif; }

@media screen and (max-width: 767px) {

.flowers-a .list li { width: 20%; }

}

@media screen and (max-width: 639px) {

.flowers-a .list li { width: 25%; }

}

@media screen and (max-width: 479px) {

.flowers-a .list li { width: 33%; border-width: 5px; }

}

/* honoree entry */

.honoree-a { }
 .honoree-a a { color: #014e78; text-decoration: underline; }
 .honoree-a > header { width: 100%; margin: 0 0 10px; }
  .honoree-a > header:after { display: table; clear: both; content: ''; }
  .honoree-a > header figure { float: left; width: 100px; margin: 0; }
   .honoree-a > header figure img { display: block; }
  .honoree-a > header figure ~ * { margin-left: 120px !important; }
  .honoree-a > header .hx { margin-top: 0; padding-top: 10px; color: #333232; font-size: 18px; text-align: left; }
  .honoree-a > header ul { list-style: none; margin: 0 0 0 -10px; padding: 0; }
   .honoree-a > header ul:after { display: table; clear: both; content: ''; }
   .honoree-a > header li { float: left; width: 50%; margin: 0; padding-left: 10px; text-align: center; }
    .honoree-a > header li:before { display: none; }
    .honoree-a .pick a { display: block; height: 42px; border-radius: 5px; background: #f26d7e; box-shadow: inset 0 -4px 0 rgba(0,0,0,0.35); color: #fff; font: 500 15px/40px "museo-slab-n5","museo-slab",Georgia,serif; text-decoration: none; }
 .honoree-a .preview { position: relative; z-index: 10; float: left; line-height: 22px; }
 .honoree-a .message { margin-top: -10px; }
 .honoree-a .ticks { margin: 0; padding: 0; text-align: right; }
  .ie8 .honoree-a .ticks label { padding-left: 5px; }
  .ie8 .honoree-a .ticks input { display: inline; position: static; float: none; }

@media screen and (max-width: 479px) {

.honoree-a > header figure { float: none; width: 200px; margin: 0 auto 10px; }
.honoree-a > header figure ~ * { margin-left: 0 !important; }
.honoree-a > header .hx { padding-top: 0; text-align: center; }
.honoree-a .preview { float: none; text-align: center; }
.honoree-a .ticks { text-align: center; }

}

/* popup */

.pop-a { display: none; margin: 0; }
.pop-a:target { display: block; }
.pop-a.target { display: block; }
 .pop-a:before { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 1001; content: ''; background: #0d314f; background: rgba(13,49,79,0.75) }
 .pop-a a.close { color: #f26d7e; }
  .pop-a a.close span { display: none; }
 .pop-a a.close:hover { color: #c00; }
 .pop-a > .wrap { position: absolute; left: 50%; top: 100px; z-index: 1002; width: 800px; margin: 100px 0 0 -400px; padding: 40px; background: #fff; }
  .pop-a > .wrap > .close { position: absolute; right: 20px; top: 20px; font-size: 30px; line-height: 1; }

@media screen and (max-width: 849px) {

.pop-a > .wrap { left: 20px; top: 20px; right: 20px; width: auto; margin: 0; }

}

@media screen and (max-width: 767px) {

.pop-a > .wrap { margin-top: 80px; padding: 20px; }
 .pop-a > .wrap > .close { right: 5px; top: 10px; }

}

@media screen and (max-width: 599px) {

.pop-a > .wrap { left: 5px; right: 5px; top: 60px; margin-top: 5px; padding: 40px 10px 15px; }

}

/* post preview */

.preview-a { text-align: center; }
 .preview-a .hx { color: #ca0000; }
 .preview-a hr { margin: 25px 0; }
 .preview-a .message { display: inline-block; max-width: 440px; margin: 0; }
  .preview-a .message figure { float: left; width: 200px; margin: 0 -100% 0 0; }
   .preview-a .message figure img { display: block; }
  .preview-a .message figure + p { margin-left: 220px; }
  .preview-a .message p { color: #333232; font: bold 18px/1.4 "museo-slab-n7","museo-slab",Georgia,serif; text-align: left; }
 .preview-a .wall { margin: 0 0 35px; }
  .preview-a .wall > span { display: block; margin: 0 0 5px; }
  .preview-a .wall a { color: #014e78; text-decoration: underline; }
 .preview-a .done { font: bold 16px/1.4 "museo-slab-n7","museo-slab",Georgia,serif; }

@media screen and (max-width: 479px) {

.preview-a .message figure { float: none; margin: 0 auto 20px; }
.preview-a .message figure + p { margin-left: 0; text-align: center; }

}

/* tweets bar */

.tweets-a { position: relative; margin: 0 0 25px; padding: 15px 0; }
#footer > .tweets-a:first-child { margin-top: -35px; }
 .tweets-a:before { position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; z-index: -1; content: ' '; background: #004e79; }
 .tweets-a > header { position: absolute; left: 60px; top: 25px; overflow: hidden; width: 180px; text-align: center; }
 :root .tweets-a > header { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .tweets-a > header .hx { color: #fff; font: 13px/20px "bebas-neue",Impact,sans-serif; }
   .tweets-a > header .hx:before { display: block; margin: 0 auto 10px; color: #08b1ff; font-size: 80px; line-height: 1; text-align: center; }
   .tweets-a > header .hx span { display: inline-block; position: relative; padding: 0 10px; background: #004f7a; letter-spacing: 1.5px; text-transform: uppercase; }
    .tweets-a > header .hx span:before, .tweets-a > header .hx span:after { position: absolute; right: 100%; top: 10px; content: ''; width: 100px; border-top: 1px solid #e1503b; }
    .tweets-a > header .hx span:after { right: auto; left: 100%; }
   .tweets-a > header .hx a { display: block; color: #00a4ff; font: 500 20px/1 "museo-slab-n5","museo-slab",Georgia,serif; }
 .tweets-a > .tweets { min-height: 200px; margin-left: 300px; padding-left: 25px; border: 1px solid #DF5141; border-width: 0 0 0 1px; }

@media screen and (max-width: 999px) {

.tweets-a { padding: 25px 0; }
 :root .tweets-a > header { position: relative; left: auto; top: auto; margin: 0 auto 25px; }
 :root .tweets-a > header { -webkit-transform: none; -ms-transform: none; transform: none; }
 .tweets-a > .tweets { min-height: 0; margin: 0; padding: 25px 0 0; border-width: 1px 0 0; }
  .tweets-a > .tweets iframe { width: 100% !important; }

}

/*! buttons ------- */

.button-a { display: -moz-inline-stack; display: inline-block; position: relative; height: 24px; padding: 0 10px; border: none; background: #014e75; color: #fff !important; font: 1em/24px Clarendon,Georgia,serif; text-align: center; text-decoration: none !important; }
html* .button-a { display: inline; zoom: 1; }
.button-a { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; behavior: url(styles/pie.htc); }
.button-a:hover, .button-a:focus, .button-a:active { background-color: #00345b; }
.button-a.red { background-color: #c70100; }
.button-a.red:hover, .button-a.red:focus, .button-a.red:active { background-color: #e01a19; }

.button-b { display: inline-block; height: 32px; padding: 0 15px; border-radius: 5px; border-bottom: 2px solid #007ebc; background: #29baff; color: #fff !important; font: bold 16px/32px "museo-slab-n7","museo-slab",Georgia,serif; text-decoration: none; text-align: center; vertical-align: top; }
.button-b { background: -webkit-linear-gradient(#60caff, #00a8ff); background: linear-gradient(#60caff, #00a8ff); }
.button-b:hover {opacity: 0.9; }

.button-b.red { border-bottom-color: #7d0000; background: #e71200; background: -webkit-linear-gradient(#ff2a22, #cc0000); background: linear-gradient(#ff2a22, #cc0000); }
.button-c { display: inline-block; min-width: 210px; height: 52px; padding: 0 15px; border: none; border-radius: 5px; background: #c30000; box-shadow: inset 0 -4px 0 rgba(0,0,0,0.5); color: #fff; font: 24px/50px Georgia,serif; outline: none; }
.button-c.a { background-color: #164b77; }
.button-c.b { background-color: #5991c4; }
.button-c:hover { opacity: 0.9; color:#fff;}



/*! icons --------- */

.icon:before { display: inline-block; margin-right: 5px; font-weight: normal !important; font-style: normal !important; font-family: Icomoon; font-size: inherit; line-height: inherit; vertical-align: middle; vertical-align: top; }
.icon.comment:before { content: '\e605'; }
.icon.user:before { content: '\e604'; }
.icon.twitter:before { content: '\e600'; }
.icon.nav:before { content: '\e609'; }
.icon.close:before { content: '\e60e'; }

/*! buttons ------- */

/*! helpers ------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

.alignright { float: right; margin: 0 0 20px 20px; }
.alignleft { float: left; margin: 0 20px 20px 0; }
 .alignright img, .alignleft img { display: block; max-width: none; }

[hidden] { display: none !important; }

/*! bootstrap ----- */

.row [class*=col-] { margin-bottom: 0; }

/*! defaults ------ */

form { }
 label { cursor: pointer; vertical-align: middle; }
 label:first-child { display: block; margin: 0 0 5px; }
  label em { color: #f00; }
 input[type=text], input[type=password],  input[type=number], input[type=search], input[type=email], input[type=tel], textarea, select { width: 100%; height: 40px; padding: 0 10px; border: none; border-radius: 5px; background: #f3f3f3; box-shadow: inset 2px 2px 2px -1px rgba(0,0,0,0.25); background-clip: padding-box; vertical-align: top; line-height: 38px; outline: none; }
 input[type]:focus, textarea:focus, select:focus { background-color: #fff; box-shadow: 0 0 4px rgba(21,74,118,0.4); }
 input[type="checkbox"], input[type="radio"] { padding: 0; }
 textarea { overflow: auto; height: auto; padding: 10px; line-height: 1.33; resize: vertical; }
 select { padding: 8px 15px 8px 8px; background: #f3f3f3 url(https://s3.amazonaws.com/s3.momsrising.org/ActionKit/2014_responsive_templates/assets/momsdonate/images/select-a.png) 100% 50% no-repeat; line-height: normal; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
 select::-ms-expand { display: none; }
 .ie9 select, .ie8 select { padding-right: 8px; padding-left: 6px; background-image: none; }
 .ie8 select { padding-top: 10px; padding-bottom: 10px; }
 .gecko select { padding-left: 4px; }
 button, input[type="submit"], input[type="button"], input[type="reset"] { overflow: visible; height: 44px; padding: 0 25px; border: none; border-radius: 5px; background: #ca0000; box-shadow: inset 0 -4px 0 rgba(0,0,0,0.5); color: #fff; font: 700 18px/40px "museo-slab-n7","museo-slab",Georgia,serif; cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner { padding: 0; border: none; }
 button[disabled], input[disabled] { cursor: default; }

:root .tick { position: absolute; left: -10001px; }
:root .tick + label { vertical-align: top; line-height: 22px; }
 :root .tick + label:before { display: inline-block; content: ''; width: 22px; height: 22px; margin: 0 10px 0 0; padding: 3px; border: 1px solid #ccc; border-radius: 3px; background: #fff url(https://s3.amazonaws.com/s3.momsrising.org/ActionKit/2014_responsive_templates/assets/momsdonate/images/tick-a.png) -100px -100px no-repeat; background-clip: padding-box; vertical-align: top; }
 :root .tick[type=radio] + label:before { border-radius: 50%; box-shadow: inset 0 0 0 5px #fff; }
 :root .tick:checked + label:before { background-color: #4d94c4; }
 :root .tick[type=checkbox]:checked + label:before { background-color: #fff; background-position: 50% 50%; }

::-webkit-input-placeholder { color: #aaa; font-style: normal; opacity: 1; }
:-ms-input-placeholder { color: #aaa !important; font-style: normal; opacity: 1; }
:-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
::-moz-placeholder { color: #aaa; font-style: normal; opacity: 1; }
.placeholder { color: #aaa !important; font-style: normal; opacity: 1; }
select:invalid { color: #aaa; }

table { display: table; border-collapse: collapse; border-spacing: 0; }
 table th, table td { padding: 5px 10px; border: 1px solid #eee; }

h1, h2, h3, h4, h5, h6 { color: #014e75; font: 300 10px/1.1 "museo-slab-n3", "museo-slab",Georgia,serif; }
h1 { font-size: 36px; }
h2 { font-size: 26px; }
h3 { font-size: 18px; }
h4 { font-size: 14px; }
h5 { font-size: 14px; }
h6 { font-size: 14px; }

@media screen and (max-width: 599px) {

h1 { font-size: 28px; }
h2 { font-size: 20px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }

}

ul, ol, dd, blockquote { padding-left: 40px; }
 ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

blockquote { padding: 20px; background: #f3f3f3; font-style: italic; }

ol { list-style: none; counter-reset: ordered; }
 ol li { counter-increment: ordered; }
  ol li:before { position: absolute; content: counter(ordered) ')'; width: 15px; margin: 0 0 0 -30px; text-align: right; }

ul { list-style: none; }
 ul li { }
  ul li:before { float: left; overflow: hidden; content: '>'; width: 0; height: 0; margin: 6px 0 0 -20px; border: 4px solid transparent; border-left-color: #444; }

a { background: transparent; color: #c00; text-decoration: none; }
a:hover, a:focus, a:active { color: #700; text-decoration: none; }
 a span { cursor: pointer; }

img { max-width: 100%; border-width: 0; } .lt-ie9 img { max-width: none; }
img { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

pre { padding: 10px; border: 1px solid #ccc; background: #f3f3f3; font: 12px/1.2 Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code { padding: 2px 4px; background-color: #f9f2f4; color: #c7254e; font-size: 80%; white-space: nowrap; }

strong, b { color: #333232; }

hr { overflow: hidden; width: 100%; height: 1px; margin: 15px 0; border: none; background: #f3f3f3; font-size: 0; }

@media screen and (min-width: 479px) {
  .donation .donate-a > .outer > .inner > .wrap > .two {padding-bottom:8em;}
  .donate-a .payment_methods { position: absolute; left: 35px; bottom: 30px; margin:0;}
  .donate-a .payment_methods p {margin:0;}
  /*.donate-a .payment_methods img { position: relative; top: 10px; left: 5px; width: 90px; }*/

  .donate-a .payment_methods img {
  	border: 1px solid #dfdfdf;
  	padding-top: 5px;
  	padding-bottom: 3px;
      padding-left: 5px;
  	padding-right: 5px;

       -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      -khtml-border-radius: 3px;
      border-radius: 3px;
  }
  .donate-a > .outer > .inner > .wrap > .two {
    background-position:right bottom;
  }
}
@media screen and (min-width: 999px) {
 .donation .double.donate-a .payment_methods {left:530px;}
}


.payment_methods {
text-align:left;
}