/* --> Responsive <-- */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.timeline-wrap {
  position: relative; }
  .timeline-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    height: var(--timeline-height);
    left: 12.5%;
    width: 2px;
    background-color: var(--wp--preset--color--ow-primary-3);
    z-index: -1; }
    @media only screen and (max-width: 989px), only screen and (max-width: 1201px) {
      .timeline-wrap:before {
        left: 125px; } }
    @media only screen and (max-width: 767px) {
      .timeline-wrap:before {
        left: 56px; } }
  .timeline-wrap .year-inner {
    text-align: center;
    border-radius: 8px;
    color: var(--wp--preset--color--ow-primary-1);
    background-color: var(--wp--preset--color--ow-primary-opacity-010);
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    width: 76px;
    padding: 2px 14px 2px 14px;
    margin-bottom: 42px;
    margin-left: 90px; }
    @media only screen and (max-width: 989px), only screen and (max-width: 1201px) {
      .timeline-wrap .year-inner {
        margin-left: 88px; } }
    @media only screen and (max-width: 767px) {
      .timeline-wrap .year-inner {
        margin-left: 20px; } }
  .timeline-wrap .gallery-wrap {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-top: 12px; }
    @media only screen and (max-width: 989px) {
      .timeline-wrap .gallery-wrap {
        grid-template-columns: 1fr 1fr; } }
    @media only screen and (max-width: 767px) {
      .timeline-wrap .gallery-wrap {
        grid-template-columns: 1fr; } }
    .timeline-wrap .gallery-wrap img {
      height: 120px;
      -o-object-fit: cover;
         object-fit: cover;
      width: 100%; }
  .timeline-wrap .month-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .timeline-wrap .month-content .month {
      color: #4966a9;
      font-weight: 500;
      font-size: 18px;
      line-height: 32px;
      width: 50px;
      min-width: 50px; }
    .timeline-wrap .month-content .right-side {
      margin-left: 115px; }
      @media only screen and (max-width: 767px) {
        .timeline-wrap .month-content .right-side {
          margin-left: 48px; } }
      .timeline-wrap .month-content .right-side .title {
        color: #0C338C;
        font-weight: 500;
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 12px; }
      .timeline-wrap .month-content .right-side .content-timeline {
        font-weight: 400;
        font-size: 18px;
        line-height: 32px; }
    .timeline-wrap .month-content:before {
      content: "";
      background-image: url(./assets/Union.svg);
      background-repeat: no-repeat;
      position: absolute;
      left: 11.9%;
      width: 25px;
      height: 25px;
      margin-top: 8px; }
      @media only screen and (max-width: 989px), only screen and (max-width: 1201px) {
        .timeline-wrap .month-content:before {
          left: 119px; } }
      @media only screen and (max-width: 767px) {
        .timeline-wrap .month-content:before {
          left: 50px; } }
    .timeline-wrap .month-content.hidden {
      display: none;
      visibility: hidden;
      opacity: 0;
      height: 0; }
  .timeline-wrap .year-wrap {
    position: relative; }
    .timeline-wrap .year-wrap.hidden {
      display: none;
      opacity: 0;
      visibility: hidden; }

.button-wrap .load-more {
  position: relative; }
  .button-wrap .load-more:before {
    content: '';
    position: absolute;
    bottom: 100%;
    height: 100px;
    left: 50%;
    width: 2px;
    background-image: url(./assets/dots.svg);
    background-size: 2px;
    background-position: center 80%;
    background-repeat: no-repeat;
    z-index: -1; }

.button-wrap.hidden {
  display: none;
  opacity: 0;
  visibility: hidden; }


/*# sourceMappingURL=timeline-block-script.css.map*/