/** ===============================================

  Responsive

  ===============================================**/

/** ===============================================

  Layout

  ===============================================**/

/** ===============================================

  Flexbox

  ===============================================**/

/** ===============================================

  Position

  ===============================================**/

/** ===============================================

  Effects

  ===============================================**/

/** ===============================================

  Buttons

  ===============================================**/

/** ===============================================

  Components

  ===============================================**/

.paragraph--type-column > .inner,

.paragraph--type-column .paragraph > .inner {

  padding: 0; }



.paragraph--type-column > .inner > .field--name-field-items {

  display: -webkit-box;

  display: -webkit-flex;

  display: -moz-box;

  display: -ms-flexbox;

  display: flex;

  -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-column > .inner > .field--name-field-items > * {

    -webkit-flex: 1;

    /* Safari 6.1+ */

    -ms-flex: 1;

    /* IE 10 */

    flex: 1; }

  @media (min-width: 48rem) {

    .paragraph--type-column > .inner > .field--name-field-items {

      -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-column > .inner > .field--name-field-items {

      -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-column > .inner > .field--name-field-items {

      -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 (max-width: 48rem) {

  .paragraph--type-column > .inner > .field--name-field-items > .field-item > .paragraph {

    padding: 2rem 1rem; } }



@media (min-width: 48rem) {

  .paragraph--type-column > .inner > .field--name-field-items > .field-item {

    max-width: 50%; }

    .paragraph--type-column > .inner > .field--name-field-items > .field-item > .paragraph {

      height: 100%; }

    .paragraph--type-column > .inner > .field--name-field-items > .field-item > .paragraph > .inner {

      padding: 2rem 0;

      max-width: 41rem; }

    .paragraph--type-column > .inner > .field--name-field-items > .field-item:nth-child(even) .paragraph > .inner {

      margin-left: auto;

      padding-right: 1rem; }

    .paragraph--type-column > .inner > .field--name-field-items > .field-item:nth-child(odd) .paragraph > .inner {

      margin-right: auto;

      padding-left: 1rem; } }