/* Timeline wrapper */
.timeline-wrapper {
  position: relative;
  padding-left: 2rem;
}

.timeline-wrapper::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: var(--wp--preset--color--red);
}

.timeline-item {
  position: relative;
  padding-left: 2rem;
  margin-bottom: var(--wp--preset--spacing--2xl);
}

.timeline-item::before {
  content: '';
  position: absolute;
  left: -0.625rem;
  top: 0;
  width: 1.25rem;
  height: 1.25rem;
  background-color: var(--wp--preset--color--red);
  border-radius: 50%;
  z-index: 1;
}

@media (max-width: 782px) {
  .timeline-wrapper {
    padding-left: 1.5rem;
  }
  
  .timeline-wrapper::before {
    width: 2px;
  }
  
  .timeline-item {
    padding-left: 1.5rem;
  }
  
  .timeline-item::before {
    left: -0.5rem;
    width: 1rem;
    height: 1rem;
  }
}

@media (max-width: 480px) {
  .timeline-wrapper {
    padding-left: 1rem;
  }
  
  .timeline-item {
    padding-left: 1rem;
  }
  
  .timeline-item::before {
    left: -0.4rem;
  }
}



/* =========================
   BUTTON SYSTEM
========================= */

/* Primary */
.wp-block-button.is-style-primary {
  --global-palette-btn-bg: #24A859;
  --global-palette-btn: #F5F5F5;
  --global-palette-btn-bg-hover: #A4EE95;
  --global-palette-btn-hover: #0B321B;
}

/* Secondary */
.wp-block-button.is-style-secondary {
  --global-palette-btn-bg: #A4EE95;
  --global-palette-btn: #0B321B;
  --global-palette-btn-bg-hover: #24A859;
  --global-palette-btn-hover: #F5F5F5;
}

/* =========================
   BLACK BUTTON
========================= */

.wp-block-button.is-style-black {
  --global-palette-btn-bg: #241F20;
  --global-palette-btn: #A4EE95;
  --global-palette-btn-bg-hover: transparent;
  --global-palette-btn-hover: #241F20;
}

.wp-block-button.is-style-black .wp-block-button__link {
  border: 2px solid transparent;
  box-shadow: none;
}

.wp-block-button.is-style-black .wp-block-button__link:hover {
  background: transparent;
  color: #241F20;
  border-color: #241F20;
  box-shadow: none;
}


/* =========================
   ARROW BUTTON
========================= */

.wp-block-button.is-style-arrow .wp-block-button__link {
  background: transparent !important;
  color: #0B321B;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: none;
  box-shadow: none;
}

.wp-block-button.is-style-arrow .wp-block-button__link::after {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 4px;
  transition: all 0.25s ease;
  background-color: #A4EE95;

  background-image: url("data:image/svg+xml;utf8,<svg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.175472 7.824C0.287972 7.93636 0.440472 7.99947 0.599472 7.99947C0.758473 7.99947 0.910972 7.93636 1.02347 7.824L6.79947 2.048V6.6C6.79947 6.75913 6.86269 6.91174 6.97521 7.02426C7.08773 7.13679 7.24034 7.2 7.39947 7.2C7.5586 7.2 7.71121 7.13679 7.82374 7.02426C7.93626 6.91174 7.99947 6.75913 7.99947 6.6V0.6C7.99947 0.44087 7.93626 0.288258 7.82374 0.175736C7.71121 0.063214 7.5586 0 7.39947 0H1.39947C1.24034 0 1.08773 0.063214 0.975208 0.175736C0.862686 0.288258 0.799472 0.44087 0.799472 0.6C0.799472 0.75913 0.862686 0.911742 0.975208 1.02426C1.08773 1.13679 1.24034 1.2 1.39947 1.2H5.95147L0.175472 6.976C0.0631115 7.0885 0 7.241 0 7.4C0 7.559 0.0631115 7.7115 0.175472 7.824Z' fill='%230B321B'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
}

.wp-block-button.is-style-arrow .wp-block-button__link:hover::after {
  background-color: #0B321B;
  background-image: url("data:image/svg+xml;utf8,<svg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M0.175472 7.824C0.287972 7.93636 0.440472 7.99947 0.599472 7.99947C0.758473 7.99947 0.910972 7.93636 1.02347 7.824L6.79947 2.048V6.6C6.79947 6.75913 6.86269 6.91174 6.97521 7.02426C7.08773 7.13679 7.24034 7.2 7.39947 7.2C7.5586 7.2 7.71121 7.13679 7.82374 7.02426C7.93626 6.91174 7.99947 6.75913 7.99947 6.6V0.6C7.99947 0.44087 7.93626 0.288258 7.82374 0.175736C7.71121 0.063214 7.5586 0 7.39947 0H1.39947C1.24034 0 1.08773 0.063214 0.975208 0.175736C0.862686 0.288258 0.799472 0.44087 0.799472 0.6C0.799472 0.75913 0.862686 0.911742 0.975208 1.02426C1.08773 1.13679 1.24034 1.2 1.39947 1.2H5.95147L0.175472 6.976C0.0631115 7.0885 0 7.241 0 7.4C0 7.559 0.0631115 7.7115 0.175472 7.824Z' fill='%23A4EE95'/></svg>");
  transform: translateX(3px);
}