/**
 * @file
 * The css file for Bootstrap Paragraphs Carousel.
 *
 * Compiled from bootstrap-paragraphs-carousel.less.
 */
/* Adds float so it behaves like the rest of the Paragraphs. */
.paragraph--type--bp-carousel {
  float: left;
}
/**
 * Widths.
 *
 * Here we style the widths for each paragraph.
 */
/* Adds Width Element -- Tiny. */
.paragraph.paragraph--width--tiny.paragraph--type--bp-carousel > .carousel-inner {
  position: relative;
  min-height: 1px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--tiny.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--tiny.paragraph--type--bp-carousel > .carousel-inner {
    margin-left: 33.33333333%;
  }
}
/* Adds Width Element -- Narrow. */
.paragraph.paragraph--width--narrow.paragraph--type--bp-carousel > .carousel-inner {
  position: relative;
  min-height: 1px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--narrow.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 50%;
  }
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--narrow.paragraph--type--bp-carousel > .carousel-inner {
    margin-left: 25%;
  }
}
/* Adds Width Element -- Medium. */
.paragraph.paragraph--width--medium.paragraph--type--bp-carousel > .carousel-inner {
  position: relative;
  min-height: 1px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--medium.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 66.66666667%;
  }
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--medium.paragraph--type--bp-carousel > .carousel-inner {
    margin-left: 16.66666667%;
  }
}
/* Adds Width Element -- Wide. */
.paragraph.paragraph--width--wide.paragraph--type--bp-carousel > .carousel-inner {
  position: relative;
  min-height: 1px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--wide.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 83.33333333%;
  }
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--wide.paragraph--type--bp-carousel > .carousel-inner {
    margin-left: 8.33333333%;
  }
}
/* Adds Width Element -- Full. */
.paragraph.paragraph--width--full.paragraph--type--bp-carousel > .carousel-inner {
  position: relative;
  min-height: 1px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
@media (min-width: 768px) {
  .paragraph.paragraph--width--full.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 100%;
  }
}
/* Removes padding-left/padding-right added by columns in a carousel. */
.paragraph.paragraph--type--bp-carousel .paragraph--type--bp-columns > .paragraph__column,
.paragraph.paragraph--type--bp-carousel .paragraph--type--bp-columns-two-uneven > .paragraph__column,
.paragraph.paragraph--type--bp-carousel .paragraph--type--bp-columns-three-uneven > .paragraph__column {
  padding-left: 0;
  padding-right: 0;
}
