/** 
* Break Points 
*/
/**
* Responsive mixins
*/
/* Variable functions */
/**
* Better Clamp function for fonts etc
*/
.large-quote.approach-testimonials .container--1678 {
  width: 1525px;
}

.block-quote {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .block-quote {
    padding-left: 21%;
  }
}
.block-quote .quote-icon-wrap {
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .block-quote .quote-icon-wrap {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .block-quote .quote-icon-wrap {
    margin-bottom: 40px;
  }
}
.block-quote .quote-icon-wrap .quote-circle-icon {
  width: clamp(6.625rem, 4.9791666667rem + 5.4861111111vw, 11.5625rem);
  height: clamp(3.375rem, 2.5rem + 2.9166666667vw, 6rem);
}
.block-quote .quote-icon-wrap .quote-circle-icon path {
  transition: fill 0.8s linear, stroke 0.8s linear;
}
@media screen and (max-width: 1023px) {
  .block-quote .quote-icon-wrap .quote-circle-icon path {
    stroke-width: 6px;
  }
}
.block-quote .quote-icon-wrap .quote-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(2.8125rem, 2.1458333333rem + 2.2222222222vw, 4.8125rem);
  height: clamp(2rem, 1.5416666667rem + 1.5277777778vw, 3.375rem);
}
.block-quote .quote-icon-wrap .quote-icon path {
  fill: var(--wp--preset--color--primary);
  transition: all 0.8s linear;
}
.block-quote p.block-quote__text {
  font-family: "big-caslon-fb", serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(2.1875rem, 1.5416666667rem + 2.1527777778vw, 4.125rem);
  line-height: clamp(2.5rem, 1.6666666667rem + 2.7777777778vw, 5rem);
}
.block-quote__cite {
  color: var(--wp--preset--color--dark);
  font-style: normal;
  font-size: clamp(1rem, 0.875rem + 0.4166666667vw, 1.375rem);
  line-height: clamp(1.4375rem, 1.25rem + 0.625vw, 2rem);
  letter-spacing: clamp(-0.03125rem, -0.0195833333rem + -0.0097222222vw, -0.0225rem);
  transition: all 0.8s linear;
}

.dark-theme .block-quote {
  --wp--preset--color--dark: #ffffff;
}
.dark-theme .is-primary-bg .block-quote .quote-icon-wrap .quote-circle-icon path {
  stroke: var(--wp--preset--color--light);
}
.dark-theme .is-primary-bg .block-quote .quote-icon-wrap .quote-icon path {
  fill: var(--wp--preset--color--light);
}

/*# sourceMappingURL=large-quote.css.map*/