/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-fox-timeline-row {
  --timeline-spacing: var(--wp--preset--spacing--100);
  position: relative;
}

.wp-block-fox-timeline-row .timeline-group {
  grid-template-columns: 50% 1fr;
  display: grid;
  gap: var(--timeline-spacing);
  padding-bottom: calc(var(--timeline-spacing) / 2);
}

.wp-block-fox-timeline-row .timeline-group:last-of-type {
  padding-bottom: 0;
}

.wp-block-fox-timeline-row .timeline-group>* {
  z-index: 2;
}

.wp-block-fox-timeline-row .wp-block-group,
.wp-block-fox-timeline-row .wp-block-image {
  width: 100%;
}

.wp-block-fox-timeline-row::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% + var(--timeline-spacing) / 2);
  width: 1px;
  height: 100%;
  background-image: linear-gradient(var(--wp--preset--color--light-grey) 33%, rgba(255, 255, 255, 0) 0%);
  background-position: right;
  background-size: 2px 13px;
  background-repeat: repeat-y;
}

.wp-block-fox-timeline-row.last-row::before {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
  clip-path: polygon(0 0, 100% 0, 100% 50%, 0 50%);
}

.wp-block-fox-timeline-row:not(.wp-block-buttons)::after {
  position: absolute;
  content: "";
  aspect-ratio: 812/517;
  width: max(40%, 812px);
  top: 0;
  left: calc(100% - var(--wp--style--global--content-size) / 2);
  transform: translate(50%, 50%) rotate(21deg);
  background-image: url(images/texture.91dc35a2.png);
  background-size: cover;
}

.wp-block-fox-timeline-row>svg {
  position: absolute;
  left: calc(50% + var(--timeline-spacing) / 2);
  transform: translateX(-50%);
  width: var(--wp--preset--spacing--40);
  height: auto;
}

.wp-block-fox-timeline-row>svg .circle {
  fill: #707070;
  transition: fill 0.3s ease-in;
}

.wp-block-fox-timeline-row.scrolled-into-view>svg .circle {
  fill: #f2a235;
}

.wp-block-fox-timeline-row:not(:first-of-type)>svg {
  transform: translate(-50%, calc(-1 * var(--wp--preset--spacing--80)));
}

.wp-block-fox-timeline-row .wp-block-image {
  width: 100%;
  transition: transform 0.3s ease-in, scale 0.3s ease-in;
}

.wp-block-fox-timeline-row .wp-block-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* 3 left */
.wp-block-fox-timeline-row.is-3-left .timeline-group .wp-block-group {
  grid-column: 2;
  grid-row: 1;
}

.wp-block-fox-timeline-row.is-3-left .wp-block-image {
  grid-column: 1;
  grid-row: 1;
  aspect-ratio: 486/356;
}

.wp-block-fox-timeline-row.is-3-left .wp-block-image:nth-child(2),
.wp-block-fox-timeline-row.is-3-left .wp-block-image:nth-child(3) {
  grid-column: 1;
  grid-row: 2;
  aspect-ratio: 380/241;
  scale: 0.78189;
  transform-origin: top left;
}

.wp-block-fox-timeline-row.is-3-left .wp-block-image:nth-child(2) {
  transform: translate(calc(50% + (var(--timeline-spacing))), calc(-1 * var(--timeline-spacing) / 2));
}

.wp-block-fox-timeline-row.is-3-left .wp-block-image:nth-child(3) {
  transform: translate(-40%, calc(var(--timeline-spacing) / 2));
}

.wp-block-fox-timeline-row.is-3-left::after {
  right: 100%;
  left: auto;
  top: auto;
  bottom: 0;
  transform: translate(0, 0) rotate(21deg);
  background-image: url(images/glass.28a0cd63.jpg);
  opacity: 0.4;
}

/* 2 right */
.wp-block-fox-timeline-row.is-2-right .timeline-group {
  row-gap: calc(var(--timeline-spacing) / 2);
}

.wp-block-fox-timeline-row.is-2-right .timeline-group .wp-block-group {
  padding-right: calc(var(--timeline-spacing) / 2);
  text-align: right;
}

.wp-block-fox-timeline-row.is-2-right .wp-block-image {
  grid-column: 2;
  grid-row: 1;
  aspect-ratio: 513/322;
  transform: translateX(calc(-1 * var(--timeline-spacing)));
}

.wp-block-fox-timeline-row.is-2-right .wp-block-image:nth-child(2) {
  grid-column: 2;
  grid-row: 2;
  aspect-ratio: 426/242;
  scale: 0.8304;
  transform-origin: top left;
  transform: translateX(calc(var(--timeline-spacing)));
}

/* 2 left */
.wp-block-fox-timeline-row.is-2-right .timeline-group {
  row-gap: calc(var(--timeline-spacing) / 2);
  grid-template-rows: 1fr 1fr;
}

.wp-block-fox-timeline-row.is-2-left .wp-block-image {
  grid-column: 1;
  grid-row: 1;
  aspect-ratio: 486/284;
}

.wp-block-fox-timeline-row.is-2-left .wp-block-image:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
  aspect-ratio: 380/262;
  scale: 0.78189;
  transform-origin: top left;
}

.wp-block-fox-timeline-row.is-2-left .wp-block-image:nth-child(2) {
  transform: translate(calc(50% + (var(--timeline-spacing))), calc(-1 * var(--timeline-spacing) / 2));
}

.wp-block-fox-timeline-row.is-2-left .wp-block-image:nth-child(3) {
  transform: translate(-40%, calc(var(--timeline-spacing) / 2));
}

.wp-block-fox-timeline-row.is-2-left::after {
  bottom: 0;
  background-image: url(images/glass.28a0cd63.jpg);
  opacity: 0.4;
  transform: translate(50%, 100%) rotate(calc(-1 * var(--rotate-angle)));
}

/* Mobile Breakpoint */
@media (max-width: 781px) {
  .wp-block-fox-timeline-container .wp-block-fox-timeline-row.hidden {
    padding: 0 !important;
  }

  .wp-block-fox-timeline-row {
    --timeline-spacing: var(--wp--preset--spacing--40);
    padding-bottom: calc(2 * var(--timeline-spacing));
    padding-top: calc(2 * var(--timeline-spacing));
  }

  .wp-block-fox-timeline-row::before {
    left: 4%;
  }

  .wp-block-fox-timeline-row>svg {
    left: 0;
    transform: translateY(calc(-2 * var(--timeline-spacing))) !important;
    width: 8%;
  }

  .wp-block-fox-timeline-row .timeline-group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }

  .wp-block-fox-timeline-row.is-3-left .timeline-group .wp-block-group {
    grid-column: 1;
    grid-row: 2;
    padding-left: 15%;
  }

  .wp-block-fox-timeline-row.is-3-left .wp-block-image {
    grid-column: 1;
    grid-row: 1;
    aspect-ratio: 486 / 356;
    padding-left: 15%;
    box-sizing: border-box;
  }

  .wp-block-fox-timeline-row.is-3-left .wp-block-image:nth-child(2) {
    grid-column: 1;
    grid-row: 3;
    padding-left: 0;
    transform: none !important;
    scale: 1;
    width: 85%;
    margin-right: 15% !important;
  }

  .wp-block-fox-timeline-row.is-3-left .wp-block-image:nth-child(3) {
    grid-column: 1;
    grid-row: 4;
    transform: none !important;
    scale: 1;
    width: 80%;
    margin-left: 15% !important;
    padding-left: 0 !important;
  }

  .wp-block-fox-timeline-row.is-3-left .wp-block-image:nth-child(2) {
    transform: translate(calc(50% + (var(--timeline-spacing))), calc(-1 * (var(--timeline-spacing) / 2)));
  }

  .wp-block-fox-timeline-row.is-3-left .wp-block-image:nth-child(3) {
    transform: translate(calc((-1 * 40%)), calc(var(--timeline-spacing) / 2));
  }

  .wp-block-fox-timeline-row.is-3-left::after {
    right: 100%;
    left: auto;
    top: auto;
    bottom: 0;
    transform: translate(0, 0) rotate(21deg);
    background-image: url("../../../assets/images/glass.jpg");
    opacity: 0.4;
  }

  /* 2 right */

  .wp-block-fox-timeline-row.is-2-right .timeline-group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    row-gap: var(--timeline-spacing);
  }

  .wp-block-fox-timeline-row.is-2-right .timeline-group .wp-block-group {
    padding-right: 0;
    text-align: left;
    grid-row: 3;
    grid-column: 1;
    padding-left: 15%
  }

  .wp-block-fox-timeline-row.is-2-right .wp-block-image {
    grid-column: 1;
    grid-row: 1;
    padding-left: 0;
    transform: none !important;
    scale: 1;
    width: 85%;
    margin-right: 15% !important;
  }

  .wp-block-fox-timeline-row.is-2-right .wp-block-image:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    transform: none !important;
    scale: 1;
    width: 85%;
    margin-left: 15% !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 2 left */
  .wp-block-fox-timeline-row.is-2-left .timeline-group {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    row-gap: var(--timeline-spacing);
  }

  .wp-block-fox-timeline-row.is-2-left .timeline-group .wp-block-group {
    padding-right: 0;
    text-align: left;
    grid-row: 3;
    grid-column: 1;
    padding-left: 15%
  }

  .wp-block-fox-timeline-row.is-2-left .wp-block-image {
    grid-column: 1;
    grid-row: 1;
    transform: none !important;
    scale: 1;
    width: 85%;
    margin-left: 15% !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
  }

  .wp-block-fox-timeline-row.is-2-left .wp-block-image:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
    padding-left: 0;
    transform: none !important;
    scale: 1;
    width: 85%;
    margin-right: 15% !important;
    margin-left: 0 !important;
  }

  /* Load More Button */
  .wp-block-fox-timeline-row.wp-block-buttons {
    padding-top: 0;
  }

  .wp-block-fox-timeline-row.wp-block-buttons .wp-block-button {
    position: relative;
    left: 0 !important;
    transform: translateX(0) !important;
  }
}

/*# sourceMappingURL=style-index.css.map*/