/**
SCSS for Media Banner Carousel Paragraph
**/
/**
*********************
* Import all the settings
********************
**/
/**
*********************
* Colors
********************
**/
/* Brand Colors */
/** Add any additional color supplied in the style guide **/
/* Grayscale colors */
/* Accent colors. Primarily used for buttons */
/** Button & Link colors **/
/* background colors */
/* Menu and link colors */
/* Text colors */
/* Border colors */
/* Owl Carousel colors */
/**
*********************
* Variables
********************
**/
/* Typography */
/* Transitions */
/* Container & spacings */
/** Button spacing **/
/* Border */
/* Breakpoints */
/**
*********************
* Colors
********************
**/
/**
*********************
* Breakpoint mixin
********************
**/
.paragraph--type--media-banner-carousel .owl-carousel .owl-stage-outer {
  padding: 0;
  max-height: 90vh;
}

.paragraph--type--media-banner-carousel .owl-carousel .owl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.paragraph--type--media-banner-carousel .owl-carousel .owl-dots {
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  position: absolute;
  bottom: 0;
  width: 100%;
}

@media only screen and (min-width: 1366px) {
  .paragraph--type--media-banner-carousel .owl-carousel .owl-dots {
    bottom: 4.5rem;
  }
}

@media only screen and (min-width: 1600px) {
  .paragraph--type--media-banner-carousel .owl-carousel .owl-dots {
    bottom: 7rem;
  }
}

/*# sourceMappingURL=media-banner-carousel.css.map */