/* In order to use this import, make sure you have the bourbon setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "bourbon";
 */
/* In order to use this import, make sure you have the bourbonneat setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "neat";
 */
/* In order to use this import, make sure you have the breakpoint setting on "true" in
 * gulpfile.js/theming.config.js
 * @import "breakpoint";
 */
/* Animation definitions */
.paragraph--call-to-action {
  text-align: center;
}

.paragraph--call-to-action--default .paragraph--call-to-action {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.paragraph--call-to-action .field--name-field-paragraph-text {
  margin: 0 auto 1rem;
  max-width: 48rem;
}

.paragraph--call-to-action .button {
  margin-bottom: 1rem;
}

.region--sidebar .paragraph--call-to-action {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.cta.blue {
  background: #084975;
  margin-bottom: 1rem;
}

.cta.blue .paragraph--call-to-action h2 {
  color: #fff;
}

.cta.blue .paragraph--call-to-action .field--name-field-paragraph-text p {
  color: #fff;
}

.cta.orange {
  background: #F99D25;
  margin-bottom: 1rem;
}

.cta.orange .paragraph--call-to-action h2 {
  color: #000;
}

.cta.orange .paragraph--call-to-action .field--name-field-paragraph-text p {
  color: #000;
}

.cta.orange .paragraph--call-to-action .button:not(.button--blue) {
  background: #084975;
}

.cta.gray {
  background: #F2F2F2;
  margin-bottom: 1rem;
}

.cta.gray .paragraph--call-to-action h2 {
  color: #000;
}

.cta.gray .paragraph--call-to-action .field--name-field-paragraph-text p {
  color: #000;
}

/*# sourceMappingURL=maps/paragraph--call-to-action--default.css.map */
