/*
* 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/
*/
.bir-block.aim-rules {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin: 3rem 0;
}
.bir-block.aim-rules .aim-rule {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5rem;
  padding: 2rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 782px) {
  .bir-block.aim-rules .aim-rule {
    grid-template-columns: 100%;
    grid-gap: 0rem;
  }
  .bir-block.aim-rules .aim-rule p {
    margin-bottom: 1.5rem;
  }
}
.bir-block.aim-rules .rule > :last-child {
  margin: 0;
}
.bir-block.aim-rules .rule-link {
  color: var(--wp--preset--color--primary);
  text-decoration: underline;
  font-weight: 600;
}
.bir-block.aim-rules .rule-link:hover {
  color: var(--wp--preset--color--secondary);
}
.bir-block.aim-rules .title {
  font-weight: 600;
  font-size: 1.6rem;
  color: var(--wp--preset--color--foreground);
  margin: 0;
}