/*Font Family SCSS Vars
$primaryFont: "ubuntu", sans-serif;
$secondaryFont: "canada-type-gibson";
$systemFonts: "system-ui", "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif,
  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";\
*/
/*
* Global button styling
*/
/*
* Breakpoint debugging
*/
/*
* MEDIA QUERIES
* Breakpoints for responsive sites
*/
/*
* SASS Parent append
* Useful if you want to add an append to the parent without writing it out again
* Usage: @include parent-append(":hover")
* Source: https://codepen.io/imkremen/pen/RMVBvq
*/
/*
* Skew
* Useful mixing to create skewed edges
* Usage: @include angle-edge(bottomright, 3deg, topleft, 3deg, #fff);
* Source: http://www.hongkiat.com/blog/skewed-edges-css/
*/
.block-counter {
  text-align: left;
  padding: 20px 0;
}
.block-counter .number-title {
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: 600;
  font-family: var(--wp--preset--font-family--secondary);
  margin: 0;
}
.block-counter span {
  font-size: 5.4rem;
  font-weight: 200;
  color: #000;
  line-height: 5.4rem;
  font-family: var(--wp--preset--font-family--secondary);
}
@media (min-width: 783px) and (max-width: 1440px) {
  .block-counter span {
    font-size: 3.2vw;
    line-height: 3.4vw;
  }
}
.block-counter .number-subtitle {
  color: #000;
}
.block-counter .number-container {
  margin: 2rem 0 1.5rem;
}

/*# sourceMappingURL=block-counter.css.map */