/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.106.2/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.14_webpack@5.106.2/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@16.0.8_sass@1.99.0_webpack@5.106.2/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./inc/Components/PeopleQuote/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
/* stylelint-disable scss/no-global-function-names */
/* stylelint-enable scss/no-global-function-names */
.wp-block-people-quote {
  display: grid;
  gap: 3rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
  grid-template-rows: auto;
}
@media (min-width: 1023px) {
  .wp-block-people-quote {
    gap: 4rem;
  }
}

.wp-block-people-quote__header {
  align-items: end;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem 4rem;
  width: 100%;
}
@media (min-width: 767px) {
  .wp-block-people-quote__header {
    flex-wrap: nowrap;
  }
}

.wp-block-people-quote__header__content {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
  grid-template-rows: auto;
}
@media (min-width: 1023px) {
  .wp-block-people-quote__header__content {
    gap: 2rem;
  }
}
.wp-block-people-quote__header__content {
  color: var(--colour-black);
}
@media (min-width: 767px) {
  .wp-block-people-quote__header__content {
    width: auto;
  }
}
.wp-block-people-quote--white .wp-block-people-quote__header__content {
  color: var(--colour-white);
}

.wp-block-people-quote__name {
  font-family: var(--font-serif);
  font-size: var(--font-size-2);
  font-weight: 300;
  letter-spacing: var(--letter-spacing-2);
  line-height: var(--line-height-2);
  text-transform: none;
}
.wp-block-people-quote__name em {
  font-style: italic;
}
.wp-block-people-quote__name strong {
  font-weight: 500;
}

.wp-block-people-quote__job {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-3-sans);
  font-weight: 300;
  letter-spacing: var(--letter-spacing-3-sans);
  line-height: var(--line-height-3-sans);
  text-transform: none;
}
.wp-block-people-quote__job em {
  font-style: italic;
}
.wp-block-people-quote__job strong {
  font-weight: 500;
}

.wp-block-people-quote__image {
  border-top: 0.3rem solid var(--colour-brand-1);
  flex-shrink: 0;
  height: 20.7rem;
  width: 20.7rem;
}

.wp-block-people-quote__quote {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p-large);
  font-weight: 300;
  letter-spacing: var(--letter-spacing-p-large);
  line-height: var(--line-height-p-large);
  text-transform: none;
}
.wp-block-people-quote__quote em {
  font-style: italic;
}
.wp-block-people-quote__quote strong {
  font-weight: 500;
}
.wp-block-people-quote__quote {
  display: grid;
  gap: 3rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
  grid-template-rows: auto;
}
@media (min-width: 1023px) {
  .wp-block-people-quote__quote {
    gap: 3rem;
  }
}
.wp-block-people-quote__quote {
  color: var(--colour-black);
  width: 100%;
}
.wp-block-people-quote--white .wp-block-people-quote__quote {
  color: var(--colour-white);
}

.wp-block-people-quote__footer {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  width: 100%;
  grid-template-rows: auto;
}
@media (min-width: 1023px) {
  .wp-block-people-quote__footer {
    gap: 1.5rem;
  }
}
.wp-block-people-quote__footer {
  width: 100%;
}

.wp-block-people-quote__link {
  font-family: var(--font-sans-serif);
  font-size: var(--font-size-p);
  font-weight: 300;
  letter-spacing: var(--letter-spacing-p);
  line-height: var(--line-height-p);
  text-transform: none;
}
.wp-block-people-quote__link em {
  font-style: italic;
}
.wp-block-people-quote__link strong {
  font-weight: 500;
}
.wp-block-people-quote__link {
  align-items: center;
  color: var(--colour-brand-1);
  display: inline-flex;
  gap: 1.5rem;
}

@media (hover: hover) and (pointer: fine) {
  .wp-block-people-quote__link__element:enabled:hover, .wp-block-people-quote__link__element:enabled:focus-visible, .wp-block-people-quote__link__element:not([disabled]):hover, .wp-block-people-quote__link__element:not([disabled]):focus-visible {
    text-decoration-color: var(--colour-brand-1);
  }
}
.wp-block-people-quote__link__element {
  align-items: baseline;
  display: inline-flex;
  gap: 0.8rem;
  margin: 0 0 calc(0px - 0.7rem);
  padding: 0 0 0.7rem;
  position: relative;
  text-decoration-color: transparent;
  text-decoration-line: underline;
  text-decoration-style: initial;
  text-decoration-thickness: 0.3rem;
  text-underline-offset: 0.7rem;
  transition: var(--transition-text-decoration);
  color: var(--colour-black);
}
.wp-block-people-quote--white .wp-block-people-quote__link__element {
  color: var(--colour-white);
}

/*# sourceMappingURL=styles.css.map*/