/*
* Scut, a collection of Sass utilities
* to ease and improve our implementations of common style-code patterns.
* v2.0.0
* Docs at http://ramseyinhouse.github.io/scut
*/
.sn_hero_carousel {
  overflow: hidden;
}
.sn_hero_carousel__contents {
  position: relative;
}
.sn_hero_carousel__contents__text {
  padding-top: 3.125rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 48em) {
  .sn_hero_carousel__contents__text {
    padding-top: 5.625rem;
  }
}
.sn_hero_carousel__contents__text .btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.sn_hero_carousel__figure img {
  /* Base declarations first */
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
}
@media only screen and (min-width: 48em) {
  .sn_hero_carousel__figure img {
    border-radius: 1rem;
    min-height: 38.75rem;
  }
}
.sn_hero_carousel__figure img.img-vh {
  width: 100%;
  height: calc(100vh - 4.6875rem);
}
.sn_hero_carousel__slider {
  /* Base declarations first */
  margin-top: -20%;
}
.sn_hero_carousel__slider .swiper,
.sn_hero_carousel__slider .swiper-container {
  overflow: visible;
}
@media only screen and (min-width: 48em) {
  .sn_hero_carousel__slider .swiper,
  .sn_hero_carousel__slider .swiper-container {
    overflow: hidden;
  }
}
@media only screen and (min-width: 48em) {
  .sn_hero_carousel__slider {
    margin-top: -10%;
  }
}
.sn_hero_carousel__slider .swiper-slide {
  height: auto !important;
}
.sn_hero_carousel__slider__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sn_hero_carousel__slider__controls .sn_swiper_nav {
  position: static !important;
}