.cta {
  background-color: #E0E0E0;
  background-image: url("/themes/custom/cci/images/cta-bg.jpg");
  background-size: cover;
  padding: 7.14286%; }
  .cta:not(:last-child) {
    margin-bottom: 1.875rem; }
  @media (min-width: 48em) {
    .cta {
      padding: 4.34783%; }
      .l--sidebar-after > .l__primary .cta {
        padding: 7.69231%; } }
  @media (min-width: 64.0625em) {
    .cta {
      padding: 4.34783%; }
      .cta:not(:last-child) {
        margin-bottom: 3.125rem; } }

.cta__heading {
  font-size: 1.34415rem;
  line-height: 1.1666; }
  @media (min-width: 48em) {
    .cta__heading {
      font-size: 1.67089rem; } }
  @media (min-width: 64.0625em) {
    .cta__heading {
      font-size: 2.25rem; } }
  .cta__heading:not(:last-child) {
    margin-bottom: 0.9375rem; }

.cta__content:not(:last-child) {
  margin-bottom: 1.875rem; }

.cta__description {
  font-size: 1.06883rem;
  line-height: 1.1666; }
  @media (min-width: 48em) {
    .cta__description {
      font-size: 1.23418rem; } }
  @media (min-width: 64.0625em) {
    .cta__description {
      font-size: 1.5rem; } }

.cta--dark {
  background-image: url("/themes/custom/cci/images/cta-bg--donate.jpg"); }
  .cta--dark .cta__heading {
    color: #fff; }

.cta--small .cta__heading {
  font-size: 1.06883rem; }
  @media (min-width: 48em) {
    .cta--small .cta__heading {
      font-size: 1.23418rem; } }
  @media (min-width: 64.0625em) {
    .cta--small .cta__heading {
      font-size: 1.5rem; } }

.cta--small .cta__description {
  font-size: 1rem; }
  @media (min-width: 48em) {
    .cta--small .cta__description {
      font-size: 1.125rem; } }
  @media (min-width: 64.0625em) {
    .cta--small .cta__description {
      font-size: 1.3125rem; } }

@media (min-width: 48em) {
  .cta--wide {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .cta--wide .cta__content {
      margin-bottom: 0;
      margin-right: 6.52174%; }
    .cta--wide .cta__link {
      margin-right: 2.17391%; }
      .cta--wide .cta__link a {
        white-space: nowrap; } }

@media (min-width: 64.0625em) {
  .cta--wide .cta__content {
    margin-right: 8.69565%; } }