@charset "UTF-8";
/*breakpoints*/
.testimonialelement .video__holder {
  position: relative;
}
.testimonialelement .video__holder .video__play--button {
  --font-clr: var(--clr-accent);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 3.5rem;
  height: 3.5rem;
  background-color: rgba(var(--clr-primary-rgb), 0.4);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: var(--transition);
}
.testimonialelement .video__holder .video__play--button i {
  font-size: 2rem;
}
.testimonialelement .video__holder .video__play--button.videoPlaying {
  opacity: 0.3;
}
.testimonialelement .video__holder .video__play--button.videoPlaying i:before {
  content: "";
}
.testimonialelement .thumbs {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.testimonialelement .thumbs .swiper-container {
  flex-grow: 1;
}
.testimonialelement .thumbs .swiper-slide .testimonial__thumb img {
  border-radius: 50%;
  border: 1px solid transparent;
  opacity: 0.25;
  transition: var(--transition);
}
.testimonialelement .thumbs .swiper-slide-thumb-active .testimonial__thumb img {
  border-color: var(--clr-accent);
  opacity: 1;
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22%2Fthemes%2Fframmelsberger%2Fscss%2Fcomponents%2F_testimonial.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAiBI%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAOZ%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAMI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%22%7D */