/**
 * @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, Narrow, Medium, Wide, and Full */
.paragraph.paragraph--width--tiny.paragraph--type--bp-carousel > .carousel-inner,
.paragraph.paragraph--width--narrow.paragraph--type--bp-carousel > .carousel-inner,
.paragraph.paragraph--width--medium.paragraph--type--bp-carousel > .carousel-inner,
.paragraph.paragraph--width--wide.paragraph--type--bp-carousel > .carousel-inner,
.paragraph.paragraph--width--full.paragraph--type--bp-carousel > .carousel-inner
 {
  position: relative;
  min-height: 1px;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

@media (min-width: 768px) {
  .paragraph.paragraph--width--tiny.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 33.33333%;
    margin-left: 33.33333%;
  }

  .paragraph.paragraph--width--narrow.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 50%;
    margin-left: 25%;
  }

  .paragraph.paragraph--width--medium.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 66.66667%;
    margin-left: 16.66667%;
  }

  .paragraph.paragraph--width--wide.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 83.33333%;
    margin-left: 8.33333%;
  }

  .paragraph.paragraph--width--full.paragraph--type--bp-carousel > .carousel-inner {
    float: left;
    width: 100%;
  }
}

.paragraph.paragraph--type--bp-carousel .paragraph--type--bp-columns-three-uneven > .paragraph__column,
.paragraph.paragraph--type--bp-carousel .paragraph--type--bp-columns-two-uneven > .paragraph__column,
.paragraph.paragraph--type--bp-carousel .paragraph--type--bp-columns > .paragraph__column {
  padding-right: 0;
  padding-left: 0;
}

.paragraph--type--bp-carousel .carousel-item img {
  top: 0;
  left: 0;
  height: auto;
  width: 100%;
  display: block
}

.paragraph >.paragraph__column {
  padding: 0 !important;
}

.field--type-entity-reference {
  margin: 0 !important;
}

.field--name-field-user-picture img,
.field--type-image img {
  margin: 0 !important;
}

.field--name-field-media-image img, .paragraph--type--bp-image .paragraph__column img {
  max-height: 300px;
}

.carousel-caption {
  bottom: initial !important;
  color: #fff;
  left: 15%;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  position: absolute;
  right: 15%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3,
.carousel-caption h4,
.carousel-caption h5,
.carousel-caption h6,
.carousel-caption p {
  font-family: 'fs kim regular';
  line-height: 1.2;
}

.carousel-caption h1,
.carousel-caption h2,
.carousel-caption h3,
.carousel-caption h4,
.carousel-caption h5,
.carousel-caption h6,
.carousel-caption p {
  font-size: 50px;
}

@media (max-width: 1400px) {
  .carousel-caption h1,
  .carousel-caption h2,
  .carousel-caption h3,
  .carousel-caption h4,
  .carousel-caption h5,
  .carousel-caption h6,
  .carousel-caption p {
    font-size: 44px;
  }
}

@media (max-width: 1200px) {
  .carousel-caption h1,
  .carousel-caption h2,
  .carousel-caption h3,
  .carousel-caption h4,
  .carousel-caption h5,
  .carousel-caption h6,
  .carousel-caption p {
    font-size: 35px;
  }
}

@media (max-width: 992px) {
  .carousel-caption h1,
  .carousel-caption h2,
  .carousel-caption h3,
  .carousel-caption h4,
  .carousel-caption h5,
  .carousel-caption h6,
  .carousel-caption p {
    font-size: 30px;
  }
}

@media (max-width: 768px) {
  .carousel-caption h1,
  .carousel-caption h2,
  .carousel-caption h3,
  .carousel-caption h4,
  .carousel-caption h5,
  .carousel-caption h6,
  .carousel-caption p {
    font-size: 25px;
  }
}

@media (max-width: 576px) {
  .carousel-caption h1,
  .carousel-caption h2,
  .carousel-caption h3,
  .carousel-caption h4,
  .carousel-caption h5,
  .carousel-caption h6,
  .carousel-caption p {
    font-size: 15px;
  }
}

@media (max-width: 420px) {
  .carousel-caption h1,
  .carousel-caption h2,
  .carousel-caption h3,
  .carousel-caption h4,
  .carousel-caption h5,
  .carousel-caption h6,
  .carousel-caption p {
    font-size: 12px;
  }
}