/* ==========================================================================
   Timeline
   ========================================================================== */
@media (min-width: 690px) {
  .stk-900fa36-column,
  .stk-2ef8138-column,
  .stk-b505ac1-column,
  .stk-5136f5f-column {
    grid-template-columns: 0fr var(--line-dot-size, 16px) 1fr !important;
  }
}

@media (max-width: 690px) {
  .stk-content-align::after,
  .stk-block-timeline__middle {
    display: none !important;
  }
  .stk-block-timeline > .stk-inner-blocks {
    display: block;
    padding-right: 20px;
  }
}

.stk-900fa36-column,
.stk-2ef8138-column,
.stk-b505ac1-column,
.stk-5136f5f-column {
  align-items: flex-start !important;

  > .stk-block-timeline__middle {
    top: 20px !important;

    &:before {
      content: "";
      width: 20px;
      height: 20px;
      background: white;
      position: absolute;
      border-radius: 50px;
      z-index: 9;
      transform: translate(2.5px, 2.5px);
    }
  }

  &::after {
    top: 30px !important;
    inset-inline-start: calc(17px - var(--line-bg-width, 3px) / 2) !important;
  }
}

.stk-2ef8138 > .stk-inner-blocks:after {
  top: calc(15px + (100% - 50px - 0px) / 2) !important;
}

.stk-5136f5f > .stk-inner-blocks:after {
  top: calc(50px + (100% - 50px - 0px) / 2) !important;
  bottom: calc(300px + (100% - 50px - 0px) / 2) !important;
}

.stk-block-timeline:not(.stk-is-last) > .stk-inner-blocks:after {
  bottom: -30px !important;
}

.stk-5136f5f-column {
  &::after {
    bottom: 160px !important;
  }
}

.stk-block-timeline + .stk-block-timeline > .stk-inner-blocks:after,
.widget_block:where(:has(.stk-block-timeline))
  + .widget_block
  .stk-block-timeline
  > .stk-inner-blocks:after {
  top: -30px !important;
}

.stk-9662661-columns:after {
  top: 50% !important;
}

.stk-block-timeline > .stk-inner-blocks > * {
  z-index: 9;
}

.gb-container-130a7bfc,
.gb-container-a1c92293,
.gb-container-f832b539,
.gb-container-f2d3b8df {
  .stk-inner-blocks {
    > .stk-block-timeline__middle {
      &:before {
        content: "";
        width: 15px;
        height: 15px;
        background: white;
        position: absolute;
        border-radius: 50px;
        z-index: 9;
        transform: translate(2.5px, 2.5px);
      }
    }
  }
}

.stk-900fa36-column .stk-block-timeline__middle::before {
  width: 20px;
  height: 20px;
  transform: translate(2.5px, 2.5px);
}

.stk-row.stk-inner-blocks.stk-block-content.stk-content-align.stk-9662661-column:after {
    top: 50% !important;
}

.stk-row.stk-inner-blocks.stk-block-content.stk-content-align.stk-1e315c4-column:after {
    top: 50% !important;
}