/*
* 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 : History */
.block-history {
  overflow: hidden;
  width: 100%;
  margin-top: var(--wp--preset--spacing--x-large) !important;
}
.block-history .timeline-wrapper {
  display: flex;
  margin: auto;
  max-width: var(--wp--style--global--wide-size);
  padding: var(--wp--preset--spacing--normal) 0;
  will-change: translate;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.block-history .year-block {
  position: relative;
  padding-top: var(--wp--preset--spacing--medium);
  min-width: 33.3333333333%;
  transform-origin: left center;
}
@media (max-width: 1024px) {
  .block-history .year-block {
    min-width: 50%;
  }
}
@media (max-width: 782px) {
  .block-history .year-block {
    min-width: 100%;
  }
}
.block-history .year-block .year-line {
  display: block;
  position: absolute;
  top: -0.5px;
  width: 100%;
  height: 2px;
  background: var(--wp--preset--color--white);
  transform-origin: left center;
}
.block-history .year-block::before {
  content: "";
  width: 100%;
  height: 2px;
  border-top: 1px dashed rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.block-history .year-block:last-child::before {
  content: none;
}
.block-history .year-block:last-child .year-line {
  display: none;
}
.block-history .year-block .year {
  font-size: var(--wp--preset--font-size--large);
  font-weight: 500;
  font-family: var(--wp--preset--font-family--secondary);
  color: var(--wp--preset--color--white);
  display: block;
  text-align: left;
}
.block-history .year-block .year::before {
  content: "";
  width: 14px;
  height: 14px;
  background: #121212;
  border: 2px solid var(--wp--preset--color--white);
  border-radius: 50%;
  display: block;
  position: absolute;
  transition: 450ms cubic-bezier(0.4, 0, 0.2, 1);
  top: -7px;
  left: 0px;
}
@media (min-width: 783px) {
  .block-history .year-block .year {
    margin: 0 auto;
  }
}
.block-history .year-block .events {
  padding: var(--wp--preset--spacing--normal) var(--wp--preset--spacing--medium) var(--wp--preset--spacing--normal) 0;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-left: 1.2em;
}
.block-history .year-block .events .event-block {
  list-style: disc;
  position: relative;
  text-align: left;
  padding-left: 0.2em;
  box-sizing: border-box;
  font-weight: 300;
}
.block-history .year-block-active .year::before, .block-history .year-block:first-child .year::before {
  background: var(--wp--preset--color--yellow);
  border: 2px solid #121212;
  outline: 2px solid #121212;
  top: -7px;
}/*# sourceMappingURL=block-history.css.map */