/**
 * mixin for bullet proof font declaration syntax
 */
.paragraph--type--content-left-content-right {
  display: flex;
  justify-content: space-between; }

.equal-height-true .content-left > .field {
  height: 100%; }
  .equal-height-true .content-left > .field .field__item {
    height: 100%; }
    .equal-height-true .content-left > .field .field__item .paragraph {
      height: 100%; }
      .equal-height-true .content-left > .field .field__item .paragraph .background-transparency {
        height: 100%; }
  .equal-height-true .content-right > .field {
    height: 100%; }
  .equal-height-true .content-right > .field .field__item {
    height: 100%; }
    .equal-height-true .content-right > .field .field__item .paragraph {
      height: 100%; }
      .equal-height-true .content-right > .field .field__item .paragraph .background-transparency {
        height: 100%; }
  .left-width-one > .content-left {
    flex-basis: calc(1 / 12 * 100% - 0px); }
  .left-width-one.gutter-gutter > .content-left {
    flex-basis: calc(1 / 12 * 100% - 40px); }
  .right-width-one > .content-right {
    flex-basis: calc(1 / 12 * 100% - 0px); }
  .left-width-two > .content-left {
    flex-basis: calc(2 / 12 * 100% - 0px); }
  .left-width-two.gutter-gutter > .content-left {
    flex-basis: calc(2 / 12 * 100% - 40px); }
  .right-width-two > .content-right {
    flex-basis: calc(2 / 12 * 100% - 0px); }
  .left-width-three > .content-left {
    flex-basis: calc(3 / 12 * 100% - 0px); }
  .left-width-three.gutter-gutter > .content-left {
    flex-basis: calc(3 / 12 * 100% - 40px); }
  .right-width-three > .content-right {
    flex-basis: calc(3 / 12 * 100% - 0px); }
  .left-width-four > .content-left {
    flex-basis: calc(4 / 12 * 100% - 0px); }
  .left-width-four.gutter-gutter > .content-left {
    flex-basis: calc(4 / 12 * 100% - 40px); }
  .right-width-four > .content-right {
    flex-basis: calc(4 / 12 * 100% - 0px); }
  .left-width-five > .content-left {
    flex-basis: calc(5 / 12 * 100% - 0px); }
  .left-width-five.gutter-gutter > .content-left {
    flex-basis: calc(5 / 12 * 100% - 40px); }
  .right-width-five > .content-right {
    flex-basis: calc(5 / 12 * 100% - 0px); }
  .left-width-six > .content-left {
    flex-basis: calc(6 / 12 * 100% - 0px); }
  .left-width-six.gutter-gutter > .content-left {
    flex-basis: calc(6 / 12 * 100% - 40px); }
  .right-width-six > .content-right {
    flex-basis: calc(6 / 12 * 100% - 0px); }
  .left-width-seven > .content-left {
    flex-basis: calc(7 / 12 * 100% - 0px); }
  .left-width-seven.gutter-gutter > .content-left {
    flex-basis: calc(7 / 12 * 100% - 40px); }
  .right-width-seven > .content-right {
    flex-basis: calc(7 / 12 * 100% - 0px); }
  .left-width-eight > .content-left {
    flex-basis: calc(8 / 12 * 100% - 0px); }
  .left-width-eight.gutter-gutter > .content-left {
    flex-basis: calc(8 / 12 * 100% - 40px); }
  .right-width-eight > .content-right {
    flex-basis: calc(8 / 12 * 100% - 0px); }
  .left-width-nine > .content-left {
    flex-basis: calc(9 / 12 * 100% - 0px); }
  .left-width-nine.gutter-gutter > .content-left {
    flex-basis: calc(9 / 12 * 100% - 40px); }
  .right-width-nine > .content-right {
    flex-basis: calc(9 / 12 * 100% - 0px); }
  .left-width-ten > .content-left {
    flex-basis: calc(10 / 12 * 100% - 0px); }
  .left-width-ten.gutter-gutter > .content-left {
    flex-basis: calc(10 / 12 * 100% - 40px); }
  .right-width-ten > .content-right {
    flex-basis: calc(10 / 12 * 100% - 0px); }
  .left-width-eleven > .content-left {
    flex-basis: calc(11 / 12 * 100% - 0px); }
  .left-width-eleven.gutter-gutter > .content-left {
    flex-basis: calc(11 / 12 * 100% - 40px); }
  .right-width-eleven > .content-right {
    flex-basis: calc(11 / 12 * 100% - 0px); }