@charset "UTF-8";
/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/*========================================
=               TYPOGRAHPY               =
========================================*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  letter-spacing: -0.01em;
}

h1 {
  font-size: 46px;
}

h2 {
  font-size: 31.5px;
}

p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.actions {
  font-size: 1.2em;
  color: #fff;
  text-align: center;
}
.actions a.btn {
  color: #fff;
}
.actions .or {
  padding: 0 1em;
}

/*========================================
=                 LAYOUT                 =
========================================*/
header.main,
footer,
#site-wrapper,
#contentArea {
  margin: 0pt auto;
  max-width: 1582px;
  width: 100%;
}

body.homepage #contentArea,
body.interior #contentArea {
  padding: 0px;
}

#contentArea .container-fluid {
  margin: 0em auto;
  max-width: 980px;
}

#site-wrapper {
  overflow: hidden;
  background: #fff;
}

body > section {
  padding-bottom: 5em;
}

.btn-large {
  min-width: 200px;
}

.triangle-down {
  border-top: 25px solid #eff3f6;
  border-right: 25px solid transparent;
  border-left: 25px solid transparent;
  margin-left: -25px;
  position: absolute;
  top: 0px;
  left: 50%;
  width: 0;
  height: 0;
}

/*========================================
=                 HEADER                 =
========================================*/
/**
 * The header is sticky in the marketing section...
 */
header.main {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
  min-height: 76px;
}

body {
  padding-top: 77px;
}

/**
 * ...except not sticky when logged in...
 * (because of admin menu as well as general annoyance)
 */
body.logged-in header.main {
  height: auto;
  position: relative;
}

/**
 * ...and not sticky at smaller screen sizes
 */
@media (max-width: 979px) {
  header.main {
    height: auto;
    position: relative;
  }
  body {
    padding-top: 0px;
  }
}
/*========================================
=              TOP SECTION               =
========================================*/
section#top {
  color: #fff;
  padding: 120px 0px 90px;
  text-align: center;
}
section#top h1 {
  color: #fff;
  font-size: 52px;
}
section#top .btn-large {
  min-width: 125px;
}
section#top h1 + .btn {
  margin-top: 1em;
}
section#top p {
  color: #fff;
  font-size: 16px;
}
section#top p em {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}
section#top hr {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.8);
  margin: 0em auto 1.5em;
  width: 7em;
}

/*====================================
=               IMAGES               =
=====================================*/
.round-rect-backed-image {
  background-color: #eff3f6;
  border-radius: 5pt;
  box-sizing: border-box;
  max-width: 190px;
  margin-left: auto;
  margin-right: auto;
  padding: 0.75rem;
}

.bare-icon {
  box-sizing: border-box;
  max-width: 160px;
  margin-left: auto;
  margin-right: auto;
  padding: 0.75rem;
}

/*========================================
=               BIG NUMBER               =
========================================*/
#theBigNumber {
  background-color: #00a9e0;
  color: #fff;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 68px;
  font-weight: 600;
  line-height: 110%;
  padding: 0.1em 0.5em;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  white-space: nowrap;
}
#theBigNumber p {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13.02px !important;
  font-weight: 700;
  letter-spacing: 0.2em;
  margin: 0.3em 0;
  text-align: center;
  text-transform: uppercase;
}

#theBigNumber.static {
  position: relative;
  top: -250px;
  right: unset;
}

/*========================================
=            CONVERSION RATES            =
========================================*/
#conversion-rates {
  background-color: #0644b1;
  color: #fff;
  padding: 85px 0px 85px;
  text-align: center;
}
#conversion-rates h2 {
  color: #fff;
}
#conversion-rates .btn-large {
  width: 400px;
}

/*========================================
=           RESPONSIVE STYLES            =
========================================*/
@media (max-width: 767px) {
  h2 {
    font-size: 40px;
    line-height: 115%;
  }
  .btn-large {
    min-width: 150px;
  }
  header.main {
    width: auto;
  }
  #content-wrapper {
    padding: 0px;
    position: relative;
  }
  section {
    background-image: none !important;
  }
  section,
  section.container-fluid {
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
  }
  section#top {
    padding-top: 85px;
  }
  #theBigNumber {
    padding: 0.1em 0px;
    width: 100%;
  }
  #conversion-rates .btn-large {
    max-width: 70%;
  }
}
/* ==|== print styles ======================================================= */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}
/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

body.home .container-fluid h3 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
body.home section {
  background-size: cover;
}
body.home section#home-top {
  background-color: #0644b1;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
  background-image: url(/assets/layout/home/top-background-5b5936f581d63f8a41c3cbc6280ee4a8c0c92fdb227b0ab972e5fd616e2db443.jpg);
  padding-top: 250px;
  padding-bottom: 200px;
}
body.home section#home-top h2 {
  color: #fff;
  font-size: 54px;
  line-height: 126%;
}
body.home section#home-top h2 em {
  font-style: normal;
  font-weight: inherit;
}
body.home section#home-top .actions {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
}
body.home section#home-top .actions p {
  font-size: 14px;
  letter-spacing: -0.01em;
  margin-top: 1.5em;
}
body.home section#meet-express-lane {
  background: url(/assets/layout/home/meet-express-lane-background-a9b7b7d4a9115ce5c05d798ff0262149f3a93fe1df66e3c2cc14a764b3cf6486.svg) no-repeat #fff;
  background-position: center;
  color: #8894a8;
  padding-top: 90px;
  padding-bottom: 150px;
}
body.home section#meet-express-lane h2 {
  color: #1c2345;
  font-size: 46px;
  margin-bottom: 1.5em;
}
body.home section#meet-express-lane h3 {
  color: #657287;
}
body.home section#meet-express-lane hr {
  border-top: 2px solid #a7b2bc;
  margin-top: 0em;
  width: 7em;
}
body.home section#meet-express-lane img.logo {
  width: 180px;
}
body.home section#meet-express-lane p {
  font-size: 16px;
}
body.home section#meet-express-lane p strong {
  color: #657287;
  font-size: 17px;
}
body.home section#why-better {
  background-color: #1c2345;
  padding-top: 80px;
  padding-bottom: 90px;
}
body.home section#why-better h2 {
  color: #fff;
  font-size: 40px;
  text-align: center;
}
body.home section#why-better h3 {
  color: #fff;
  text-align: center;
}
body.home section#why-better h4 {
  color: #ccebfe;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}
body.home section#why-better hr {
  border-top: 1px solid #80ceef;
  border-bottom: 1px solid #80ceef;
  margin: 0px auto 20px;
  text-align: center;
  width: 7em;
}
body.home section#why-better .row-fluid {
  margin-top: 1.5rem;
}
body.home section#why-better .features .span6 {
  display: table;
  height: 149px;
}
body.home section#why-better .features .span6 p {
  display: table-cell;
  vertical-align: middle;
}
body.home section#why-better .features .round-rect-backed-image {
  background-color: #0189d1;
  max-width: 160px;
}
body.home section#why-better .features img, body.home section#why-better .features p {
  color: #fff;
  display: inline-block;
  font-size: 15px;
  line-height: 147%;
}
body.home section#why-better .features p {
  padding-left: 5px;
}
body.home section#why-better .features + .features .span6 .row-fluid {
  border-bottom: 0px;
}
body.home section#why-better .btn {
  display: block;
  margin: 3em auto 0em;
  width: 200px;
}
body.home section#tools-in-action {
  background: url(/assets/layout/home/tools-in-action-background-a5082337eee4c88635d68e1bc11d6f061c98b9ceb9e70613e0f06cf5d31a01d5.svg) no-repeat #00a9e0;
  background-position-x: center;
  padding-top: 85px;
  padding-bottom: 99px;
}
body.home section#tools-in-action h2 {
  color: #fff;
  font-size: 46px;
  line-height: 126%;
  margin-bottom: 0.5em;
}
body.home section#tools-in-action h3 {
  color: #fff;
}
body.home section#tools-in-action p {
  color: #cbeafd;
  font-size: 16px;
  line-height: 162.5%;
}
body.home section#tools-in-action p strong {
  color: #fff;
  font-size: 17px;
}
body.home section#tools-in-action p.note {
  color: #fff;
  font-size: 14px;
}
body.home section#tools-in-action p .btn-large {
  margin: 2.5em 0em 0.75em;
}
body.home section#tools-in-action hr {
  border-top: 1px solid #80ceef;
  border-bottom: 1px solid #80ceef;
  margin-bottom: 20px;
  width: 7em;
}
body.home section#grassroots {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 40px;
}
body.home section#grassroots h2 {
  color: #1c2345;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 152%;
  text-align: center;
}
body.home section#grassroots h3 {
  color: #657287;
  text-align: center;
}
body.home section#grassroots p {
  margin-top: 2.5em;
  text-align: center;
}
body.home section#grassroots hr {
  border-top: 1px solid #b9c0ce;
  border-bottom: 1px solid #b9c0ce;
  margin: 0px auto 20px;
  text-align: center;
  width: 7em;
}
body.home .arrow-down {
  border-radius: 6px 6px 0px 0px;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  display: block;
  font-size: 2.5em;
  height: 40px;
  left: 50%;
  margin-left: -25px;
  position: absolute;
  text-align: center;
  width: 50px;
}
body.home .arrow-down.bottom {
  bottom: 0px;
  line-height: 38px;
}
body.home .arrow-down img {
  width: 20px;
}

@media (max-width: 767px) {
  body.home #theBigNumber {
    display: none;
  }
  body.home section#home-top {
    padding-top: 85px;
    padding-bottom: 101px;
  }
  body.home section#home-top h2 {
    font-size: 42px;
  }
  body.home section#why-better .btn {
    max-width: 150px;
  }
  body.home section#why-better .features .span6 {
    display: block;
    height: auto;
  }
  body.home section#why-better .features .span6 p {
    display: block;
    vertical-align: baseline;
  }
  body.home section#meet-express-lane {
    padding-bottom: 96px;
  }
  body.home section#meet-express-lane h3 {
    text-align: center;
  }
  body.home section#meet-express-lane hr {
    margin: 0px auto 20px;
    text-align: center;
  }
  body.home section#tools-in-action h3 {
    text-align: center;
  }
  body.home section#tools-in-action hr {
    margin: 0px auto 20px;
    text-align: center;
  }
}
/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

body.features .tooltip.top {
  margin-top: -28px;
}
body.features section#top {
  background-color: #0644b1;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
  background-image: url(/assets/layout/features/top-background-6d047c3bcf8bf554cd8c036a4d6efa78b7872942ccc1c01575d41a7e1f756273.jpg);
}
body.features div.feature {
  margin-bottom: 7em;
}
body.features div.feature:first-child {
  margin-top: 80px;
}
body.features h2 {
  color: #1c2345;
  font-size: 46px;
  line-height: 113%;
}
body.features p {
  color: #8894a8;
  font-size: 17px;
  line-height: 165%;
}
body.features .bare-icon {
  box-sizing: content-box;
}
body.features div#ticketed-events a:link {
  color: #00a9e0;
}
body.features div#ticketed-events a:link:hover {
  color: #0083ad;
}
body.features div#ticketed-events a:link:visited {
  color: #14c5ff;
}
body.features section#conversion-rates h2 {
  font-size: 32px;
  margin-bottom: 0.75em;
}
body.features section#conversion-rates .btn-large {
  width: 380px;
}

@media only screen and (max-width: 767px) {
  body.features .feature {
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    width: auto;
  }
  body.features .feature .round-rect-backed-image {
    margin-bottom: 2em;
  }
  body.features .feature .span8 {
    display: block;
    height: auto;
  }
  body.features .feature .span8 .feature-content {
    display: block;
    vertical-align: baseline;
  }
}
/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

body.pricing h2 {
  color: #1c2345;
  font-size: 44px;
}
body.pricing h3 {
  color: #1c2345;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
body.pricing h4 {
  color: #657287;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 158%;
  text-align: center;
}
body.pricing h4 a, body.pricing h4 a:link, body.pricing h4 a:visited, body.pricing h4 a:active {
  color: #0058d3;
}
body.pricing h4 a:hover, body.pricing h4 a:focus, body.pricing h4 a:link:hover, body.pricing h4 a:link:focus, body.pricing h4 a:visited:hover, body.pricing h4 a:visited:focus, body.pricing h4 a:active:hover, body.pricing h4 a:active:focus {
  color: #1c2345;
}
body.pricing section#top {
  background-color: #0644b1;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
  background-image: url(/assets/layout/pricing/top-background-6d047c3bcf8bf554cd8c036a4d6efa78b7872942ccc1c01575d41a7e1f756273.jpg);
}
body.pricing section#get-started h2 {
  margin-top: 2.2em;
  margin-bottom: 0.6em;
  text-align: center;
}
body.pricing section#get-started h4 {
  margin-bottom: 3em;
}
body.pricing section#get-started h3 {
  text-align: center;
}
body.pricing section#get-started p {
  color: #8894a8;
  font-size: 16px;
  line-height: 162.5%;
}
body.pricing section#features {
  background-color: #eff3f6;
  padding-top: 110px;
  padding-bottom: 75px;
}
body.pricing section#features h2 {
  text-align: center;
}
body.pricing section#features p {
  color: #8894a8;
  font-size: 16px;
  text-align: center;
}
body.pricing section#just-the-beginning {
  background-color: #1c2345;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
  background-image: url(/assets/layout/pricing/beginning-background-9672e4e29e901bee553f4d5f05bb4658346f0d39515f5d8fe5c5d7474780afda.jpg);
  padding-top: 150px;
  padding-bottom: 140px;
}
body.pricing section#just-the-beginning h2 {
  color: #fff;
  line-height: 126%;
}
body.pricing section#just-the-beginning p {
  color: #fff;
  font-size: 18px;
}
body.pricing section#just-the-beginning .btn {
  margin-top: 1em;
}
body.pricing section#we-handle-the-details {
  padding-top: 140px;
  text-align: center;
}
body.pricing section#we-handle-the-details .span4 {
  margin-left: 0px;
  padding: 0em 3em;
}
body.pricing section#we-handle-the-details h3 {
  font-size: 16px;
  text-align: center;
}
body.pricing section#we-handle-the-details p {
  color: #8894a8;
  font-size: 14px;
}
body.pricing section#we-handle-the-details .row-fluid.divided {
  margin-top: 2em;
}
body.pricing section#we-handle-the-details .row-fluid.divided div[class*=span] {
  border-right: 1px solid #edeff1;
}
body.pricing section#we-handle-the-details .row-fluid.divided div:last-child {
  border-right: 0;
}
body.pricing section#getting-your-money {
  background-color: #eff3f6;
  padding-top: 125px;
}
body.pricing section#getting-your-money h2 {
  text-align: center;
}
body.pricing section#getting-your-money h3 {
  margin-bottom: 9px;
}
body.pricing section#getting-your-money h3 + p {
  margin-top: 0px;
}
body.pricing section#getting-your-money p, body.pricing section#getting-your-money li {
  color: #8894a8;
  font-size: 16px;
  line-height: 162.5%;
}
body.pricing section#getting-your-money li {
  list-style: none;
  padding-left: 1.4em;
  text-indent: -1.4em;
}
body.pricing section#getting-your-money li:before {
  content: "◼ ";
  color: #00a9e0;
  padding-right: 0.3em;
}
body.pricing section#getting-your-money li::marker {
  color: #00a9e0;
}
body.pricing section#getting-your-money ul {
  margin-left: 0px;
}
body.pricing section#getting-your-money .image-row {
  margin-top: 3rem;
}
body.pricing section#who-can-use-actblue {
  padding-top: 125px;
  padding-bottom: 150px;
}
body.pricing section#who-can-use-actblue .span5 {
  padding-right: 4.5em;
}
body.pricing section#who-can-use-actblue .span7 .span6 {
  padding-right: 5em;
}
body.pricing section#who-can-use-actblue h2 {
  text-align: center;
}
body.pricing section#who-can-use-actblue h3 {
  line-height: 135%;
  margin-top: 3em;
  margin-bottom: 1.5em;
}
body.pricing section#who-can-use-actblue h5 {
  color: #657287;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 133%;
}
body.pricing section#who-can-use-actblue .intro p {
  color: #657287;
  font-size: 16px;
  line-height: 162.5%;
  text-align: center;
}
body.pricing section#who-can-use-actblue a, body.pricing section#who-can-use-actblue a:link, body.pricing section#who-can-use-actblue a:visited, body.pricing section#who-can-use-actblue a:active, body.pricing section#who-can-use-actblue a:hover, body.pricing section#who-can-use-actblue a:focus {
  color: #00a9e0;
  text-decoration: none;
}
body.pricing section#who-can-use-actblue p {
  color: #8894a8;
  font-size: 16px;
  line-height: 162.5%;
}
body.pricing section#who-can-use-actblue p.note {
  font-size: 13px;
  line-height: 138%;
}
body.pricing section#who-can-use-actblue .merchant-info p {
  text-align: left;
}
body.pricing section#who-can-use-actblue ul {
  margin-left: 0em;
}
body.pricing section#who-can-use-actblue ul.merchant-account-states {
  -webkit-column-width: 100px;
  -moz-column-width: 100px;
  column-width: 100px;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
}
body.pricing section#who-can-use-actblue ul ul {
  margin-left: 1em;
}
body.pricing section#who-can-use-actblue li {
  color: #8894a8;
  font-size: 14px;
  line-height: 143%;
  list-style: none;
}
body.pricing section#conversion-rates h2 {
  font-size: 32px;
}
body.pricing .begin-fundraising h3 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: 25px !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em;
  margin-bottom: 1em;
  text-align: center;
  text-transform: none !important;
}
body.pricing .begin-fundraising hr {
  border-top: 1px solid #b9c0ce;
  border-bottom: 1px solid #b9c0ce;
  margin: 35px auto 25px;
  width: 7em;
}
body.pricing .begin-fundraising .btn-large {
  display: block;
  margin: 0px auto 135px;
  width: 380px;
}

@media only screen and (max-width: 767px) {
  body.pricing section#just-the-beginning h2 {
    color: #1c2345;
  }
  body.pricing section#just-the-beginning p {
    color: #8894a8;
  }
  body.pricing section#we-handle-the-details .span4 {
    padding: 0px;
  }
  body.pricing section#we-handle-the-details .divided div {
    border-right: 0px;
  }
  body.pricing section#we-handle-the-details .round-rect-backed-image {
    margin-bottom: 1em;
  }
  body.pricing section#getting-your-money h3 {
    text-align: center;
  }
  body.pricing .begin-fundraising .btn-large {
    max-width: 70%;
  }
  body.pricing section#who-can-use-actblue .span5 {
    padding-right: 0px;
  }
  body.pricing section#who-can-use-actblue .span7 .span6 {
    padding-right: 0px;
  }
  body.pricing section#who-can-use-actblue h3 {
    text-align: center;
  }
}
/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

/* todo: Refactor var names to use 100–700 scale (like Violet) -- AB 7/2020 */
/* Neutral */
/* Cerulean */
/* Deep */
/* Orange */
/* todo: Update to Poppy -- AB 7/2020 */
/* Emerald */
/* Grass */
/* Magenta */
/* Violet */
.actblue-bignumber .number {
  display: inline-block;
  width: 0.7em;
  text-align: center;
}

body.express {
  /*========================================
  =            INDIVIDUAL ITEMS            =
  ========================================*/
  /*===============================
  =            CALLOUT            =
  ===============================*/
  /*===================================
  =            NETWORK WEB            =
  ===================================*/
  /*========================================
  =            HIGH CONVERSIONS            =
  ========================================*/
  /*============================
  =            DEMO            =
  ============================*/
  /*=================================
  =            BEST PART            =
  =================================*/
  /*=====================================
  =            ONE STOP SHOP            =
  =====================================*/
  /*==============================
  =            ONWARD            =
  ==============================*/
}
body.express #site-wrapper p {
  font-size: 17px;
  letter-spacing: -0.01em;
  line-height: 165%;
}
body.express .container {
  margin: 0em auto;
  max-width: 980px;
}
body.express h3 {
  margin-bottom: 24px;
}
body.express #callout {
  background-color: #1C2345;
  padding-top: 190px;
  padding-bottom: 163px;
  text-align: center;
}
body.express #callout h1 {
  color: #fff;
  font-size: 40px;
  line-height: 135%;
  margin: 25px 0px 0px 0px;
}
body.express #callout .logo {
  display: block;
  margin: 0 auto;
  width: 308px;
}
body.express #callout .logo img {
  width: 100%;
  height: auto;
}
body.express #callout a.btn, body.express #callout a.btn:link, body.express #callout a.btn:visited, body.express #callout a.btn:active {
  margin-top: 2em;
  margin-bottom: 3em;
}
body.express #callout a.btn:hover, body.express #callout a.btn:focus, body.express #callout a.btn:link:hover, body.express #callout a.btn:link:focus, body.express #callout a.btn:visited:hover, body.express #callout a.btn:visited:focus, body.express #callout a.btn:active:hover, body.express #callout a.btn:active:focus {
  background: #f79304;
}
body.express #network-web {
  text-align: center;
  padding-bottom: 85px;
  background-color: #00a7e2;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
  background-image: url(/assets/layout/express/background-network-web-large-9c14636eaffbc1c77bb4de31a3f894a3af0885f03cddad62e9410d4eb2045e20.jpg);
}
body.express #network-web img.web {
  display: block;
  margin: -16% auto 20px;
  position: relative;
}
body.express #network-web h2 {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 32px;
  line-height: 212.5%;
  margin: 0;
}
body.express #network-web p {
  color: #ccebfe;
  margin: 0;
  margin-top: 5px;
}
body.express #high-conversions {
  background: #eff3f6;
  text-align: center;
  padding-top: 65px;
  padding-bottom: 96px;
  overflow: hidden;
}
body.express #high-conversions .container {
  position: relative;
}
body.express #high-conversions .span6 {
  text-align: left;
}
body.express #high-conversions h2 {
  color: #1c2345;
  font-size: 46px;
  line-height: 113%;
  margin-top: 30px;
  margin-bottom: 20px;
}
body.express #high-conversions h3 {
  color: #009CDE;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
body.express #high-conversions p {
  color: #50657a;
  font-size: 17px;
  margin: 0;
  zoom: 1;
}
body.express #high-conversions hr {
  border-top: 1px solid #a7b2bc;
  border-bottom: 1px solid #a7b2bc;
  margin-top: 0em;
  width: 7em;
}
body.express #high-conversions .device-sizes {
  margin-top: 30px;
}
body.express #high-conversions .device-sizes img {
  margin: 0 25px;
  width: 65px;
}
body.express #demo {
  background: #fff;
  overflow: hidden;
  padding-top: 90px;
  padding-bottom: 115px;
  position: relative;
}
body.express #demo .container {
  position: relative;
}
body.express #demo img.logo {
  max-width: 75%;
  margin-bottom: 5%;
}
body.express #demo .animated-express-interaction {
  background: url(/assets/layout/express/express-lane-laptop-32fc665495b6b541c04eb13dc80b603e2a97e578593d83c5a849a7a70b9514e5.svg) no-repeat;
  background-size: 100% auto;
  margin-top: 1rem;
}
body.express #demo .animated-express-interaction .animation {
  width: 80%;
  height: auto;
  margin: 3% 17.1% 15% 10.1%;
}
@media (min-width: 768px) {
  body.express #demo .animated-express-interaction {
    margin-top: 0;
    margin-right: -30%;
  }
}
body.express #demo h2 {
  color: #1c2345;
  font-size: 40px;
  line-height: 130%;
  letter-spacing: -0.02em;
  margin: 0;
  margin-top: 17px;
}
body.express #demo h3 {
  color: #657287;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
body.express #demo hr {
  border-top: 1px solid #a7b2bc;
  border-bottom: 1px solid #a7b2bc;
  margin-top: 0em;
  width: 7em;
}
body.express #demo p {
  color: #657287;
  margin: 0;
  margin-top: 15px;
}
body.express #demo .span5 {
  padding-left: 55px;
}
body.express #best-part {
  background-color: #80807c;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-size: cover;
  position: relative;
  background-image: url(/assets/layout/express/background-best-part-large-3030b3a00aaa6c572261f6368d5221607ddd1fbe919a0a6b32c87e5485a149d1.jpg);
  padding-top: 140px;
  padding-bottom: 155px;
}
body.express #best-part .span9 {
  padding-left: 40px;
}
body.express #best-part h2 {
  color: #fff;
  font-size: 46px;
  line-height: 126%;
  letter-spacing: -0.02em;
}
body.express #best-part h3 {
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
body.express #best-part hr {
  border-top: 1px solid #b2b3b4;
  border-bottom: 1px solid #b2b3b4;
  margin-top: 0em;
  width: 7em;
}
body.express #best-part p {
  color: #fff;
  font-size: 16px;
  zoom: 1;
}
body.express #best-part p strong {
  font-size: 18px;
}
body.express #one-stop-shop {
  text-align: center;
  padding-top: 75px;
  padding-bottom: 104px;
}
body.express #one-stop-shop h2 {
  color: #1c2345;
  font-size: 40px;
  margin: 0;
  margin-bottom: 64px;
  text-align: center;
}
body.express #one-stop-shop h3 {
  color: #1c2345;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-align: center;
  text-transform: uppercase;
}
body.express #one-stop-shop hr {
  border-top: 1px solid #b9c0ce;
  border-bottom: 1px solid #b9c0ce;
  margin: 0px auto 25px;
  width: 7em;
}
body.express #one-stop-shop .span4 {
  border-right: 1px solid #edeff1;
  margin-left: 0;
}
body.express #one-stop-shop .span4.last {
  border: none;
}
body.express #one-stop-shop .stop-box {
  padding: 0px 2em;
  position: relative;
}
body.express #one-stop-shop p {
  color: #657287;
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 137.5%;
  padding: 0 2em;
}
body.express #onward {
  background: #0644b1;
  overflow: hidden;
  padding-top: 6em;
  padding-bottom: 6em;
  position: relative;
  text-align: center;
}
body.express #onward .triangle-down {
  border-top-color: #fff;
  left: 49%;
}
body.express #onward h3 {
  color: #fff;
  font-size: 28px;
  line-height: 121%;
  margin: 0;
  margin-bottom: 1em;
  text-align: center;
}

/*=====================================
=            MEDIA QUERIES            =
=====================================*/
@media only screen and (max-width: 979px) {
  body.express #network-web img.web {
    margin-top: -17%;
  }
  body.express #demo {
    padding-bottom: 60px;
  }
  body.express #demo h2 {
    font-size: 28px;
    line-height: 28px;
  }
  body.express #best-part h2 {
    font-size: 32px;
    line-height: 40px;
  }
  body.express #one-stop-shop .container {
    width: 100%;
  }
  body.express #one-stop-shop p {
    padding: 0;
  }
  body.express #one-stop-shop .span4 {
    width: 33%;
    margin: 0;
  }
  body.express #onward .container {
    width: 100%;
  }
  body.express #best-part {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}
@media only screen and (max-width: 767px) {
  body.express {
    padding: 0;
  }
  body.express #demo {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  body.express #demo h3 {
    text-align: center;
  }
  body.express #demo hr {
    margin: 0px auto 25px;
    text-align: center;
  }
  body.express #best-part {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  body.express #best-part h3 {
    text-align: center;
  }
  body.express #best-part hr {
    margin: 0px auto 25px;
    text-align: center;
  }
  body.express #one-stop-shop .span4 {
    width: 100%;
    border: none;
    margin: 0 0 25px;
  }
  body.express #onward {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  body.express #onward div[class^=span] + div[class^=span] {
    margin-top: 2em;
  }
  body.express #onward a.btn, body.express #onward a.btn:link, body.express #onward a.btn:visited, body.express #onward a.btn:active {
    max-width: 70%;
  }
  body.express section {
    background-position: 50% 0 !important;
  }
  body.express #best-part img.chart {
    width: 30%;
  }
}
@media only screen and (max-width: 480px) {
  body.express #callout {
    padding-bottom: 100px;
  }
  body.express #callout a.logo {
    width: 100%;
  }
  body.express #callout h1 {
    font-size: 21px;
    line-height: 31px;
  }
  body.express #network-web h2 {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 20px;
  }
  body.express #network-web p {
    font-size: 17px;
    line-height: 28px;
  }
  body.express #high-conversions .device-sizes img {
    margin: 0 8px;
  }
}
@media only screen and (max-width: 320px) {
  body.express #callout .logo {
    width: auto;
  }
}
