/**
SCSS for Owl Carousel buttons
**/
/**
*********************
* 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
********************
**/
.owl-nav {
  margin-top: 0;
}

.owl-nav button {
  border: 0.0625rem solid #00B48D;
}

.owl-nav button span::after {
  content: "";
  width: 1.6875rem;
  height: 0.875rem;
  top: 0.375rem;
  left: -0.5625rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  margin-left: 0;
}

@media only screen and (min-width: 1440px) {
  .owl-nav button span::after {
    top: 0.25rem;
  }
}

.owl-nav button.owl-prev {
  border: 0.0625rem solid #00B48D;
}

.owl-nav button.owl-prev span::after {
  background-image: url("../../../images/prev-arrow-green.svg");
}

.owl-nav button.owl-next {
  border: 0.0625rem solid #00B48D;
}

.owl-nav button.owl-next span::after {
  background-image: url("../../../images/next-arrow-green.svg");
}

.owl-nav button.owl-prev:hover span::after {
  background-image: url("../../../images/prev-arrow.svg");
}

.owl-nav button.owl-next:hover span::after {
  background-image: url("../../../images/next-arrow.svg");
}

.paragraph--type--title-excerpt-and-card-slider .owl-nav button.owl-prev span::after {
  background-image: url("../../../images/prev-arrow.svg");
}

.paragraph--type--title-excerpt-and-card-slider .owl-nav button.owl-next span::after {
  background-image: url("../../../images/next-arrow.svg");
}

.view .owl-carousel .owl-nav {
  margin-top: 0;
}

.view .owl-carousel .owl-nav button span::after {
  content: "";
  width: 1.6875rem;
  height: 0.875rem;
  top: 0.375rem;
  left: -0.5625rem;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  margin-left: 0;
}

@media only screen and (min-width: 1440px) {
  .view .owl-carousel .owl-nav button span::after {
    top: 0.25rem;
  }
}

.view .owl-carousel .owl-nav button.owl-prev {
  border: 0.0625rem solid #00B48D;
}

.view .owl-carousel .owl-nav button.owl-prev span::after {
  background-image: url("../../../images/prev-arrow-green.svg");
}

.view .owl-carousel .owl-nav button.owl-next {
  border: 0.0625rem solid #00B48D;
}

.view .owl-carousel .owl-nav button.owl-next span::after {
  background-image: url("../../../images/next-arrow-green.svg");
}

.view .owl-carousel .owl-nav button.owl-prev:hover span::after {
  background-image: url("../../../images/prev-arrow.svg");
}

.view .owl-carousel .owl-nav button.owl-next:hover span::after {
  background-image: url("../../../images/next-arrow.svg");
}

/*# sourceMappingURL=owl-carousel-btns.css.map */