/*
* Global button styling
*/
/*
* Breakpoint debugging
*/
/*
* MEDIA QUERIES
* Breakpoints for responsive sites
*/
/*
* SASS Parent append
* Useful if you want to add an append to the parent without writing it out again
* Usage: @include parent-append(":hover")
* Source: https://codepen.io/imkremen/pen/RMVBvq
*/
/*
* Skew
* Useful mixing to create skewed edges
* Usage: @include angle-edge(bottomright, 3deg, topleft, 3deg, #fff);
* Source: http://www.hongkiat.com/blog/skewed-edges-css/
*/
.block-testimonials {
  display: grid;
  grid-template-columns: [body-start] 3rem 1fr [content-start] repeat(12, minmax(0, calc(var(--wp--style--global--wide-size) / 12))) [content-end] 1fr 3rem [body-end];
  position: relative;
  max-width: 100%;
}
.block-testimonials::before {
  content: "";
  position: absolute;
  background: #121212;
  height: 100%;
  width: 100%;
  top: 300px;
  bottom: 0;
  z-index: 0;
}
@media (max-width: 782px) {
  .block-testimonials::before {
    height: auto;
  }
}
.block-testimonials .swiper {
  display: grid;
  grid-column: content-start/content-end;
  width: 100%;
  background: var(--wp--preset--color--white);
  overflow: hidden;
  border-radius: 2rem;
}
.block-testimonials .swiper .swiper-wrapper {
  height: auto;
  background: var(--wp--preset--color--white);
}
.block-testimonials .swiper .testimonial-image {
  position: relative;
  border-radius: 2rem 0 0 2rem;
  grid-column: span 6;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
}
@media (max-width: 782px) {
  .block-testimonials .swiper .testimonial-image {
    border-radius: 2rem 2rem 0 0;
    max-height: 300px;
  }
}
.block-testimonials .swiper .testimonial-content {
  grid-column: span 6;
}
.block-testimonials .swiper .testimonial-content blockquote {
  margin: 0;
  padding: var(--wp--preset--spacing--xx-large) 0 var(--wp--preset--spacing--xx-large) var(--wp--preset--spacing--xx-large);
}
.block-testimonials .swiper .testimonial-content blockquote::before {
  content: none;
}
.block-testimonials .swiper .testimonial-content blockquote p {
  font-size: 3.4rem;
  padding-left: 0.6em;
  border-left: 1px solid rgba(18, 18, 18, 0.1);
}
.block-testimonials .swiper .testimonial-content blockquote cite {
  font-style: normal;
}
.block-testimonials .swiper .testimonial-content blockquote cite span {
  color: rgba(18, 18, 18, 0.5);
}
@media (max-width: 1024px) {
  .block-testimonials .swiper .testimonial-content blockquote {
    padding: var(--wp--preset--spacing--x-large) 0 var(--wp--preset--spacing--xx-large) var(--wp--preset--spacing--x-large);
  }
  .block-testimonials .swiper .testimonial-content blockquote p {
    font-size: 2.4rem;
  }
}
@media (max-width: 782px) {
  .block-testimonials .swiper .testimonial-content blockquote {
    padding: var(--wp--preset--spacing--normal) var(--wp--preset--spacing--normal) 15rem var(--wp--preset--spacing--normal);
  }
  .block-testimonials .swiper .testimonial-content blockquote cite {
    margin-top: var(--wp--preset--spacing--large);
  }
}
.block-testimonials .swiper .block-carousel-navigation {
  position: absolute;
  bottom: 0;
  right: 0;
  justify-content: flex-end;
  padding-left: var(--wp--preset--spacing--large);
  padding-right: var(--wp--preset--spacing--large);
  padding-bottom: var(--wp--preset--spacing--large);
}
@media (max-width: 1024px) {
  .block-testimonials .swiper .block-carousel-navigation {
    padding-bottom: var(--wp--preset--spacing--medium);
  }
  .block-testimonials .swiper .block-carousel-navigation .swiper-button-prev,
  .block-testimonials .swiper .block-carousel-navigation .swiper-button-next {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 783px) {
  .block-testimonials {
    grid-template-rows: auto;
    grid-gap: 0 !important;
  }
  .block-testimonials::before {
    height: 50%;
    top: auto;
    border-radius: 4rem 4rem 0 0;
    background: #121212;
  }
  .block-testimonials .swiper {
    overflow: visible;
    grid-template-rows: 1fr auto;
    border-radius: 2rem 0 0 2rem;
  }
  .block-testimonials .swiper .swiper-wrapper {
    border-radius: 2rem 0 0 2rem;
  }
  .block-testimonials .swiper .swiper-wrapper .swiper-slide {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, calc(var(--wp--style--global--wide-size) / 12)));
  }
}/*# sourceMappingURL=block-testimonials.css.map */