/**
 * @file
 * The css file for Bootstrap Paragraphs Two Column Bundle.
 *
 * Compiled from bootstrap-paragraphs-columns-two.less.
 */
/* Two Uneven Columns Paragraph. */
.paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--75-25 .paragraph--type--bp-columns-two-uneven__2col-column1 {
  position: relative;
  min-height: 1px;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--75-25 .paragraph--type--bp-columns-two-uneven__2col-column1 {
    float: left;
    width: 75%;
  }
}
.paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--75-25 .paragraph--type--bp-columns-two-uneven__2col-column2 {
  position: relative;
  min-height: 1px;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--75-25 .paragraph--type--bp-columns-two-uneven__2col-column2 {
    float: left;
    width: 25%;
  }
}
.paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column1 {
  position: relative;
  min-height: 1px;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column1 {
    float: left;
    width: 66.66667%;
  }
}
.paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column2 {
  position: relative;
  min-height: 1px;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--66-33 .paragraph--type--bp-columns-two-uneven__2col-column2 {
    float: left;
    width: 33.33333%;
  }
}
.paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--25-75 .paragraph--type--bp-columns-two-uneven__2col-column1 {
  position: relative;
  min-height: 1px;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--25-75 .paragraph--type--bp-columns-two-uneven__2col-column1 {
    float: left;
    width: 25%;
  }
}
.paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--25-75 .paragraph--type--bp-columns-two-uneven__2col-column2 {
  position: relative;
  min-height: 1px;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--25-75 .paragraph--type--bp-columns-two-uneven__2col-column2 {
    float: left;
    width: 75%;
  }
}
.paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--33-66 .paragraph--type--bp-columns-two-uneven__2col-column1 {
  position: relative;
  min-height: 1px;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--33-66 .paragraph--type--bp-columns-two-uneven__2col-column1 {
    float: left;
    width: 33.33333%;
  }
}
.paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--33-66 .paragraph--type--bp-columns-two-uneven__2col-column2 {
  position: relative;
  min-height: 1px;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns-two-uneven.paragraph--style--33-66 .paragraph--type--bp-columns-two-uneven__2col-column2 {
    float: left;
    width: 66.66667%;
  }
}
/* These fix the padding and column title misalignment. */
.paragraph.paragraph--type--bp-columns-two-uneven .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1,
.paragraph.paragraph--type--bp-columns-two-uneven .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2 {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 768px) {
  .paragraph.paragraph--type--bp-columns-two-uneven .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column1 {
    padding-right: 1.5rem;
    padding-left: 0;
  }
  .paragraph.paragraph--type--bp-columns-two-uneven .paragraph__column .paragraph--type--bp-columns-two-uneven__2col-column2 {
    padding-right: 0;
    padding-left: 0;
  }
}
