/*	block-list-testimonials.scss */
/*	_fonts.scss */
/*
	@imports from vendors ---
--------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,900;1,400;1,900&display=swap");
@import url("https://cdn.fonts.net/kit/d433979f-a45c-4490-ba11-846bf719365f/d433979f-a45c-4490-ba11-846bf719365f_enhanced.css");
/*	_breakpoints.scss */
/*

These are required by either include-media or the base theme:
* mobile_menu  -> mobile menu
* tablet
* medium       -> sidebar dropoff
* desktop

Consider adding breakpoints to match variables introduced in theme.json at Settings > Custom > Layout.
* content
* wide
* page

*/
/*	modules/_index.scss */
/*	_animation.scss */
/*	_button.scss */
/*	_helpers.scss */
/*	_colors.scss */
.has-foreground-background-color,
.has-primary-background-color,
.has-primary-shade-1-background-color,
.has-primary-shade-2-background-color,
.has-primary-shade-3-background-color,
.has-secondary-shade-background-color,
.has-quaternary-background-color {
  color: var(--wp--preset--color--background);
}

/**
 * Button Reset
 *
 */
/**
 * Size
 *
 */
/**
 * Block Cover
 * Creates a block that covers the full width/height of parent div. Typically used on a :before pseudo element
 */
/**
 * Placeholder Color
 *
 */
/**
 * Clearfix
 *
 */
/*	_helpers.scss */
/*
	This file is to mimic the button styles from theme.json.

	Much of the settings below should be copied from that file.

*/
/*	_helpers.scss */
/*
	@font-face for local fonts or creating families from vendors ---
--------------------------------------------- */
/*
	# Font Stacks ----
--------------------------------------------- */
/*	_button.scss */
/*	_spacing.scss */
/*	_typography.scss */
/*
	# Group Selectors ----
--------------------------------------------- */
/*
	# Size Aliases ----
--------------------------------------------- */
/*
	# Mixins ----
--------------------------------------------- */
.ldlt-testimonials {
  position: relative;
}
.ldlt-testimonials .navigation {
  display: none;
}
.ldlt-testimonials style {
  display: none;
}
.ldlt-testimonials.is-style-carousel .list-testimonials {
  display: flex;
  flex-direction: row;
  gap: 60px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 770px) {
  .ldlt-testimonials.is-style-carousel .list-testimonials {
    width: 200vw;
    margin-left: -55vw;
  }
}
.ldlt-testimonials.is-style-carousel .list-testimonials .testimonial {
  border-radius: 5rem;
  corner-shape: squircle;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 770px) {
  .ldlt-testimonials.is-style-carousel .list-testimonials blockquote.wp-block-quote {
    font-size: smaller;
    margin: 0.5em 1em;
  }
}
.ldlt-testimonials.is-style-carousel .navigation {
  display: block;
}
.ldlt-testimonials.is-style-carousel .navigation button {
  position: absolute;
  top: calc(50% - 50px);
  z-index: 100;
  text-indent: -1000em;
  overflow: hidden;
  min-width: 100px;
  min-height: 110px;
  opacity: 0.8;
  background-color: var(--wp--preset--color--quaternary);
}
.ldlt-testimonials.is-style-carousel .navigation button.prev {
  left: -30px;
  clip-path: path("M9.26,63.23c-12.35-7.13-12.35-11.97,0-19.1L78.97,3.88c12.35-7.13,16.54-4.71,16.54,9.55v80.49c0,14.26-4.2,16.68-16.54,9.55L9.26,63.23Z");
  transform-origin: center left;
}
.ldlt-testimonials.is-style-carousel .navigation button.next {
  right: -30px;
  clip-path: path("M86.25,44.12c12.35,7.13,12.35,11.97,0,19.1L16.54,103.47C4.2,110.6,0,108.18,0,93.92V13.43C0-.83,4.2-3.25,16.54,3.88l69.71,40.25Z");
  transform-origin: center right;
}
.ldlt-testimonials.is-style-carousel .navigation button:hover {
  opacity: 1;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}
@media (max-width: 770px) {
  .ldlt-testimonials.is-style-carousel .navigation button {
    scale: 0.5;
  }
  .ldlt-testimonials.is-style-carousel .navigation button.prev {
    left: 0;
  }
  .ldlt-testimonials.is-style-carousel .navigation button.next {
    right: 0;
  }
}
