/*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-posts {
  display: grid;
  grid-gap: 2rem;
}
.block-posts.col {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.block-posts .excerpt {
  border-top: 1px solid rgba(103, 103, 103, 0.3);
  padding: 2rem 0;
  display: flex;
  gap: 2rem;
}
.block-posts .wp-block-button a {
  text-wrap: nowrap;
  padding: 1.6rem 2rem;
}
.block-posts p.meta {
  font-family: var(--wp--preset--font-family--secondary);
  font-weight: 500;
  color: #000;
}
.block-posts .thumbnail {
  position: relative;
  width: calc(100% + 6rem);
  height: 0;
  padding-bottom: 66%;
  margin: -3rem -3rem 0;
}
.block-posts .thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.block-posts h3 {
  font-size: 2.4rem;
  font-weight: 600;
  margin-bottom: 8px;
}
.block-posts h3 a {
  color: #000;
}
.block-posts h3 a:hover {
  color: var(--wp--preset--color--orange);
}
.block-posts .meta {
  margin-bottom: 2rem;
}
.block-posts .mini .excerpt {
  display: grid;
  border: 0;
  padding: 0 0 4rem;
  grid-template-columns: 33.3% 1fr;
  gap: 2rem;
}
.block-posts .mini .excerpt > div {
  align-self: center;
}
.block-posts .mini .excerpt > div.block-posts__posts_thumb {
  border: 1px solid var(--wp--preset--color--orange);
  padding: 10px;
  transition: all ease-in 150ms;
}
.block-posts .mini .excerpt > div.block-posts__posts_thumb img {
  transition: all ease-in 150ms;
}
.block-posts .mini .excerpt > div.block-posts__posts_thumb:hover {
  border-color: var(--wp--preset--color--green);
}
.block-posts .mini .excerpt > div.block-posts__posts_thumb:hover img {
  transform: scale(1.075);
}
.block-posts .mini .excerpt > div h3 {
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1.3;
}
@media (min-width: 1025px) {
  .block-posts .mini .excerpt > div h3 {
    font-size: 2.4rem;
  }
}
.block-posts .mini .excerpt > div p {
  margin-bottom: 0;
}

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