/** ===============================================
  Responsive
  ===============================================**/
/** ===============================================
  Layout
  ===============================================**/
/** ===============================================
  Flexbox
  ===============================================**/
/** ===============================================
  Position
  ===============================================**/
/** ===============================================
  Effects
  ===============================================**/
/** ===============================================
  Buttons
  ===============================================**/
/** ===============================================
  Components
  ===============================================**/
.paragraph--type-cta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -moz-align-items: center;
  -webkit-align-item: center;
  -ms-align-item: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .paragraph--type-cta > * {
    -webkit-flex: 1;
    /* Safari 6.1+ */
    -ms-flex: 1;
    /* IE 10 */
    flex: 1; }
  @media (min-width: 48rem) {
    .paragraph--type-cta {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: reverse;
      -ms-flex-direction: row;
      flex-direction: row; } }
  @media (min-width: 48rem) {
    .paragraph--type-cta {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media (min-width: 48rem) and (min-width: 48rem) {
    .paragraph--type-cta {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: row;
      -moz-box-orient: horizontal;
      -moz-box-direction: reverse;
      -ms-flex-direction: row;
      flex-direction: row; } }
  .paragraph--type-cta .field {
    margin-bottom: 0; }
  .paragraph--type-cta .cta__image {
    opacity: 0.6; }
    @media (min-width: 48rem) {
      .paragraph--type-cta .cta__image {
        max-width: 50%; } }
  .paragraph--type-cta .cta__content {
    padding-bottom: 2rem;
    text-align: center;
    max-width: 41rem; }
    @media (min-width: 48rem) {
      .paragraph--type-cta .cta__content {
        padding: 0;
        margin-right: auto; } }
    .paragraph--type-cta .cta__content .field {
      margin: 2rem auto; }

.cta--img-left .cta__image {
  order: 1; }

.cta--img-left .cta__content {
  order: 2; }

.cta--img-right .cta__image {
  order: 2; }

.cta--img-right .cta__content {
  order: 1;
  margin-left: auto;
  margin-right: 0; }