/*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-document__thumb {
  padding: 8px;
  border: 1px solid var(--wp--preset--color--green);
  margin-bottom: 20px;
}
.block-document__thumb img {
  transition: all 0.25s ease;
}
.block-document__thumb:hover {
  border-color: var(--wp--preset--color--orange);
}
.block-document__thumb:hover img {
  transform: scale(1.025);
}
.block-document__header_title {
  font-size: 2.4rem;
}
.block-document__header_title a {
  color: #000;
}
.block-document__header_title a:hover {
  color: var(--wp--preset--color--orange);
}
.block-document__header_sub {
  font-family: var(--wp--preset--font-family--secondary);
  font-size: var(--wp--preset--font-size--normal);
  line-height: 1.2;
  text-wrap: unset;
  font-weight: 500;
}