/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ListBlock/styles.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
/* stylelint-disable scss/no-global-function-names */
/* stylelint-enable scss/no-global-function-names */
.wp-block-list-block {
  display: grid;
  gap: var(--grid-gap-gap-row-mobile) var(--grid-gap-gap-column-mobile);
  grid-template-columns: repeat(5, minmax(0, 1fr));
  width: 100%;
  grid-template-rows: auto;
}
@media (min-width: 1023px) {
  .wp-block-list-block {
    gap: var(--grid-gap-gap-row) var(--grid-gap-gap-column);
  }
}
.wp-block-list-block {
  padding: 3rem 0 0;
}
@media (min-width: 567px) {
  .wp-block-list-block {
    display: grid;
    gap: var(--grid-gap-gap-row-mobile) var(--grid-gap-gap-column-mobile);
    grid-template-columns: repeat(7, minmax(0, 1fr));
    width: 100%;
    grid-template-rows: auto;
  }
}
@media (min-width: 567px) and (min-width: 1023px) {
  .wp-block-list-block {
    gap: var(--grid-gap-gap-row) var(--grid-gap-gap-column);
  }
}
@media (min-width: 767px) {
  .wp-block-list-block {
    display: grid;
    gap: var(--grid-gap-gap-row-mobile) var(--grid-gap-gap-column-mobile);
    grid-template-columns: repeat(8, minmax(0, 1fr));
    width: 100%;
    grid-template-rows: auto;
    padding: 3.5rem 0 0;
  }
}
@media (min-width: 767px) and (min-width: 1023px) {
  .wp-block-list-block {
    gap: var(--grid-gap-gap-row) var(--grid-gap-gap-column);
  }
}

.wp-block-list-block--black {
  border-top: 0.2rem solid var(--colour-brand-1);
  color: var(--colour-black);
}

.wp-block-list-block--white {
  border-top: 0.2rem solid var(--colour-rgba-white-20);
  color: var(--colour-white);
}

.wp-block-list-block__middle {
  position: relative;
}

.wp-block-list-block__middle--number {
  grid-column: span 4/span 4;
}
@media (min-width: 567px) {
  .wp-block-list-block__middle--number {
    grid-column: span 6/span 6;
  }
}
@media (min-width: 767px) {
  .wp-block-list-block__middle--number {
    grid-column: span 7/span 7;
  }
}
@media (min-width: 1278px) {
  .wp-block-list-block__middle--number {
    margin-left: calc(0px - (var(--grid-gap-gap-column) - 2rem));
    width: calc(100% + var(--grid-gap-gap-column) - 2rem);
  }
}

.wp-block-list-block__middle--image {
  grid-column: span 8/span 8;
}
@media (min-width: 767px) {
  .wp-block-list-block__middle--image {
    grid-column: span 6/span 6;
  }
}

.wp-block-list-block__number {
  font-family: var(--font-serif);
  font-size: var(--font-size-listing);
  font-weight: 400;
  letter-spacing: var(--letter-spacing-listing);
  line-height: var(--line-height-listing);
  text-transform: none;
}
.wp-block-list-block__number em {
  font-style: italic;
}
.wp-block-list-block__number strong {
  font-weight: 500;
}
.wp-block-list-block__number {
  color: var(--colour-brand-1);
  line-height: 0.8;
}

.wp-block-list-block__image {
  grid-column: span 3/span 3;
  aspect-ratio: 2/1;
  display: flex;
  justify-content: center;
  max-height: 10rem;
}
@media (min-width: 567px) {
  .wp-block-list-block__image {
    grid-column: span 3/span 3;
  }
}
@media (min-width: 767px) {
  .wp-block-list-block__image {
    grid-column: span 2/span 2;
  }
}

.wp-block-list-block__image__element {
  height: 100%;
  width: auto;
}

.wp-block-list-block__title {
  margin-bottom: 1.5rem;
}

.wp-block-list-block__content {
  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-list-block__content em {
  font-style: italic;
}
.wp-block-list-block__content strong {
  font-weight: 500;
}

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