/** 
* Break Points 
*/
/**
* Responsive mixins
*/
/* Variable functions */
/**
* Better Clamp function for fonts etc
*/
.post-it-notes {
  position: relative;
  overflow: hidden;
  padding-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .post-it-notes {
    padding-bottom: clamp(9.375rem, 7.2916666667rem + 6.9444444444vw, 15.625rem);
  }
}
.post-it-notes__heading {
  text-align: center;
  margin-bottom: clamp(3.75rem, 5.4166666667rem + -1.3888888889vw, 5rem);
}
.post-it-notes__row {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(3.125rem, 1.0416666667rem + 6.9444444444vw, 9.375rem);
  padding-left: clamp(0.625rem, -1.6666666667rem + 7.6388888889vw, 7.5rem);
  padding-right: clamp(0.625rem, -1.6666666667rem + 7.6388888889vw, 7.5rem);
}
@media screen and (min-width: 768px) {
  .post-it-notes__row {
    grid-template-columns: 1fr 1fr;
  }
}
.post-it-notes .post-it-card {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  max-width: 290px;
  padding-top: clamp(1.875rem, 1.0416666667rem + 2.7777777778vw, 4.375rem);
  padding-bottom: clamp(1.875rem, 1.25rem + 2.0833333333vw, 3.75rem);
  padding-left: clamp(1.875rem, 1.25rem + 2.0833333333vw, 3.75rem);
  padding-right: clamp(1.875rem, 1.25rem + 2.0833333333vw, 3.75rem);
  text-align: center;
  background-color: var(--wp--preset--color--tertiary);
}
@media screen and (min-width: 480px) {
  .post-it-notes .post-it-card {
    aspect-ratio: 540/500;
  }
}
@media screen and (min-width: 1024px) {
  .post-it-notes .post-it-card {
    max-width: 370px;
  }
}
@media screen and (min-width: 1200px) {
  .post-it-notes .post-it-card {
    max-width: 440px;
  }
}
@media screen and (min-width: 1580px) {
  .post-it-notes .post-it-card {
    max-width: 540px;
  }
}
.post-it-notes .post-it-card__number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(3.75rem, 2.9166666667rem + 2.7777777778vw, 6.25rem);
  height: clamp(3.75rem, 2.9166666667rem + 2.7777777778vw, 6.25rem);
  margin-bottom: clamp(0.9375rem, 1.3541666667rem + -0.3472222222vw, 1.25rem);
  color: var(--wp--preset--color--dark);
  border: 2px solid var(--wp--preset--color--dark);
  border-radius: 50%;
  font-size: clamp(1.625rem, 1.3333333333rem + 0.9722222222vw, 2.5rem);
}
.post-it-notes .post-it-card__heading {
  color: #000000;
  margin-bottom: clamp(1.25rem, 1.0416666667rem + 0.6944444444vw, 1.875rem);
  font-size: clamp(1.875rem, 0.625rem + 2.6041666667vw, 3.75rem);
  line-height: clamp(1.875rem, 0.625rem + 2.6041666667vw, 3.75rem);
  letter-spacing: clamp(-0.09375rem, -0.0520833333rem + -0.0347222222vw, -0.0625rem);
}
.post-it-notes .post-it-card__heading .type-accent {
  white-space: normal;
}
.post-it-notes .post-it-card__heading .type-accent svg path {
  stroke: #000000;
}
.post-it-notes .post-it-card__heading .type-accent.italics {
  font-family: "big-caslon-fb", serif;
  font-weight: 700;
  font-style: italic;
  font-size: clamp(2.5rem, 1.25rem + 2.6041666667vw, 4.375rem);
  line-height: clamp(2.5rem, 1.25rem + 2.6041666667vw, 4.375rem);
  letter-spacing: 0;
}
.post-it-notes .post-it-card__heading .type-accent.underline svg {
  bottom: 3px;
  height: clamp(0.5rem, 0.4166666667rem + 0.2777777778vw, 0.75rem);
}
.post-it-notes .post-it-card__heading .type-accent.circle svg {
  bottom: 10%;
  left: -10%;
  width: 120%;
  height: 80%;
  transform: rotate(5deg);
}
.post-it-notes .post-it-card__heading .type-accent.large-circle svg {
  bottom: 0;
  left: -25%;
  width: 160%;
  height: 100%;
  transform: rotate(11deg);
}
.post-it-notes .post-it-card__heading .type-accent.large-circle svg path {
  stroke-width: 2px;
}
.post-it-notes .post-it-card__text {
  color: #000000;
}
@media screen and (min-width: 768px) {
  .post-it-notes .post-it-card:nth-child(4n+1), .post-it-notes .post-it-card:nth-child(4n+4) {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .post-it-notes .post-it-card:nth-child(4n+2) {
    margin-left: auto;
  }
}
@media screen and (max-width: 767px) {
  .post-it-notes .post-it-card:nth-child(odd) {
    transform: rotate(355deg);
    transform-origin: top;
  }
  .post-it-notes .post-it-card:nth-child(even) {
    margin-left: auto;
    transform: rotate(5deg);
    transform-origin: top;
  }
}

/*# sourceMappingURL=post-it-notes.css.map*/